﻿<!DOCTYPE html>
<html>
  <head>
    <title>热门课程</title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta http-equiv="content-type" content="text/html; charset=utf-8"/>
    <link href="resources/css/axure_rp_page.css" type="text/css" rel="stylesheet"/>
    <link href="data/styles.css" type="text/css" rel="stylesheet"/>
    <link href="files/热门课程/styles.css" type="text/css" rel="stylesheet"/>
    <script src="resources/scripts/jquery-3.2.1.min.js"></script>
    <script src="resources/scripts/axure/axQuery.js"></script>
    <script src="resources/scripts/axure/globals.js"></script>
    <script src="resources/scripts/axutils.js"></script>
    <script src="resources/scripts/axure/annotation.js"></script>
    <script src="resources/scripts/axure/axQuery.std.js"></script>
    <script src="resources/scripts/axure/doc.js"></script>
    <script src="resources/scripts/messagecenter.js"></script>
    <script src="resources/scripts/axure/events.js"></script>
    <script src="resources/scripts/axure/recording.js"></script>
    <script src="resources/scripts/axure/action.js"></script>
    <script src="resources/scripts/axure/expr.js"></script>
    <script src="resources/scripts/axure/geometry.js"></script>
    <script src="resources/scripts/axure/flyout.js"></script>
    <script src="resources/scripts/axure/model.js"></script>
    <script src="resources/scripts/axure/repeater.js"></script>
    <script src="resources/scripts/axure/sto.js"></script>
    <script src="resources/scripts/axure/utils.temp.js"></script>
    <script src="resources/scripts/axure/variables.js"></script>
    <script src="resources/scripts/axure/drag.js"></script>
    <script src="resources/scripts/axure/move.js"></script>
    <script src="resources/scripts/axure/visibility.js"></script>
    <script src="resources/scripts/axure/style.js"></script>
    <script src="resources/scripts/axure/adaptive.js"></script>
    <script src="resources/scripts/axure/tree.js"></script>
    <script src="resources/scripts/axure/init.temp.js"></script>
    <script src="resources/scripts/axure/legacy.js"></script>
    <script src="resources/scripts/axure/viewer.js"></script>
    <script src="resources/scripts/axure/math.js"></script>
    <script src="resources/scripts/axure/jquery.nicescroll.min.js"></script>
    <script src="data/document.js"></script>
    <script src="files/热门课程/data.js"></script>
    <script type="text/javascript">
      $axure.utils.getTransparentGifPath = function() { return 'resources/images/transparent.gif'; };
      $axure.utils.getOtherPath = function() { return 'resources/Other.html'; };
      $axure.utils.getReloadPath = function() { return 'resources/reload.html'; };
    </script>
  </head>
  <body>
    <div id="base" class="">

      <!-- Unnamed (组合) -->
      <div id="u10377" class="ax_default" data-left="2722" data-top="583" data-width="586" data-height="1143">

        <!-- Unnamed (组合) -->
        <div id="u10378" class="ax_default" data-left="2750" data-top="1572" data-width="495" data-height="90">

          <!-- Unnamed (矩形) -->
          <div id="u10379" class="ax_default box_1">
            <div id="u10379_div" class=""></div>
            <div id="u10379_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10380" class="ax_default" data-left="2771" data-top="1625" data-width="70" data-height="24">

          <!-- Unnamed (矩形) -->
          <div id="u10381" class="ax_default label">
            <div id="u10381_div" class=""></div>
            <div id="u10381_text" class="text ">
              <p><span>就业</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10382" class="ax_default" data-left="2788" data-top="1589" data-width="33" data-height="33">

          <!-- Unnamed (形状) -->
          <div id="u10383" class="ax_default _形状">
            <img id="u10383_img" class="img " src="images/用户流程图/u695.svg"/>
            <div id="u10383_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10384" class="ax_default _形状">
            <img id="u10384_img" class="img " src="images/用户流程图/u696.svg"/>
            <div id="u10384_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10385" class="ax_default _形状">
            <img id="u10385_img" class="img " src="images/用户流程图/u697.svg"/>
            <div id="u10385_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10386" class="ax_default" data-left="2886" data-top="1589" data-width="53" data-height="60">

          <!-- Unnamed (组合) -->
          <div id="u10387" class="ax_default" data-left="2886" data-top="1625" data-width="53" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u10388" class="ax_default label">
              <div id="u10388_div" class=""></div>
              <div id="u10388_text" class="text ">
                <p><span>课程</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u10389" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u10390" class="ax_default" data-left="2886" data-top="1589" data-width="33" data-height="33">

            <!-- Unnamed (形状) -->
            <div id="u10391" class="ax_default _形状">
              <img id="u10391_img" class="img " src="images/用户流程图/u703.svg"/>
              <div id="u10391_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u10392" class="ax_default _形状">
              <img id="u10392_img" class="img " src="images/用户流程图/u704.svg"/>
              <div id="u10392_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10393" class="ax_default" data-left="3082" data-top="1594" data-width="48" data-height="55">

          <!-- Unnamed (组合) -->
          <div id="u10394" class="ax_default" data-left="3084" data-top="1625" data-width="46" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u10395" class="ax_default label">
              <div id="u10395_div" class=""></div>
              <div id="u10395_text" class="text ">
                <p><span>资讯</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u10396" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10397" class="ax_default icon">
            <img id="u10397_img" class="img " src="images/元件/u20.svg"/>
            <div id="u10397_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10398" class="ax_default" data-left="2984" data-top="1589" data-width="52" data-height="60">

          <!-- Unnamed (组合) -->
          <div id="u10399" class="ax_default" data-left="2984" data-top="1625" data-width="52" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u10400" class="ax_default label">
              <div id="u10400_div" class=""></div>
              <div id="u10400_text" class="text ">
                <p><span>社群</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u10401" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10402" class="ax_default icon">
            <img id="u10402_img" class="img " src="images/元件/u25.svg"/>
            <div id="u10402_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10403" class="ax_default" data-left="3178" data-top="1589" data-width="53" data-height="60">

          <!-- Unnamed (组合) -->
          <div id="u10404" class="ax_default" data-left="3178" data-top="1625" data-width="53" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u10405" class="ax_default label">
              <div id="u10405_div" class=""></div>
              <div id="u10405_text" class="text ">
                <p><span>我的</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u10406" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10407" class="ax_default icon">
            <img id="u10407_img" class="img " src="images/元件/u30.svg"/>
            <div id="u10407_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10408" class="ax_default" data-left="2722" data-top="583" data-width="586" data-height="1143">

          <!-- Unnamed (矩形) -->
          <div id="u10409" class="ax_default _默认样式">
            <div id="u10409_div" class=""></div>
            <div id="u10409_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u10410" class="ax_default image">
            <img id="u10410_img" class="img " src="images/元件/u33.png"/>
            <div id="u10410_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u10411" class="ax_default image">
            <img id="u10411_img" class="img " src="images/元件/u34.png"/>
            <div id="u10411_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u10412" class="ax_default image">
            <img id="u10412_img" class="img " src="images/元件/u35.png"/>
            <div id="u10412_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u10413" class="ax_default image">
            <img id="u10413_img" class="img " src="images/元件/u36.png"/>
            <div id="u10413_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10414" class="ax_default" data-left="3036" data-top="614" data-width="79" data-height="15">

          <!-- Unnamed (图片 ) -->
          <div id="u10415" class="ax_default image1">
            <img id="u10415_img" class="img " src="images/元件/u38.png"/>
            <div id="u10415_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10416" class="ax_default icon">
            <img id="u10416_img" class="img " src="images/元件/u39.svg"/>
            <div id="u10416_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10417" class="ax_default icon">
            <img id="u10417_img" class="img " src="images/元件/u40.svg"/>
            <div id="u10417_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10418" class="ax_default label">
          <div id="u10418_div" class=""></div>
          <div id="u10418_text" class="text ">
            <p><span>7:00</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10419" class="ax_default" data-left="3141" data-top="622" data-width="79" data-height="15">

          <!-- Unnamed (图片 ) -->
          <div id="u10420" class="ax_default image1">
            <img id="u10420_img" class="img " src="images/元件/u38.png"/>
            <div id="u10420_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10421" class="ax_default icon">
            <img id="u10421_img" class="img " src="images/元件/u39.svg"/>
            <div id="u10421_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10422" class="ax_default icon">
            <img id="u10422_img" class="img " src="images/元件/u40.svg"/>
            <div id="u10422_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10423" class="ax_default box_1">
        <img id="u10423_img" class="img " src="images/用户流程图/u735.svg"/>
        <div id="u10423_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10424" class="ax_default box_1">
        <div id="u10424_div" class=""></div>
        <div id="u10424_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u10425" class="ax_default _图片">
        <img id="u10425_img" class="img " src="images/元件/u49.png"/>
        <div id="u10425_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u10426" class="ax_default icon">
        <img id="u10426_img" class="img " src="images/用户流程图/u738.svg"/>
        <div id="u10426_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10427" class="ax_default box_1">
        <div id="u10427_div" class=""></div>
        <div id="u10427_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10428" class="ax_default box_1">
        <div id="u10428_div" class=""></div>
        <div id="u10428_text" class="text ">
          <p><span>推荐课程</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10429" class="ax_default box_1">
        <div id="u10429_div" class=""></div>
        <div id="u10429_text" class="text ">
          <p><span>已学课程</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10430" class="ax_default box_1">
        <div id="u10430_div" class=""></div>
        <div id="u10430_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10431" class="ax_default flow_shape">
        <div id="u10431_div" class=""></div>
        <div id="u10431_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u10432" class="ax_default">
        <div id="u10432_state0" class="panel_state" data-label="State1" style="">
          <div id="u10432_state0_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u10433" class="ax_default _图片_">
              <img id="u10433_img" class="img " src="images/用户流程图/u745.svg"/>
              <div id="u10433_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u10432_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
          <div id="u10432_state1_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u10434" class="ax_default _图片_">
              <img id="u10434_img" class="img " src="images/用户流程图/u746.svg"/>
              <div id="u10434_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u10432_state2" class="panel_state" data-label="State3" style="visibility: hidden;">
          <div id="u10432_state2_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u10435" class="ax_default _图片_">
              <img id="u10435_img" class="img " src="images/用户流程图/u747.svg"/>
              <div id="u10435_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u10432_state3" class="panel_state" data-label="State4" style="visibility: hidden;">
          <div id="u10432_state3_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u10436" class="ax_default _图片_">
              <img id="u10436_img" class="img " src="images/用户流程图/u748.svg"/>
              <div id="u10436_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u10432_state4" class="panel_state" data-label="State5" style="visibility: hidden;">
          <div id="u10432_state4_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u10437" class="ax_default _图片_">
              <img id="u10437_img" class="img " src="images/用户流程图/u749.svg"/>
              <div id="u10437_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10438" class="ax_default" data-left="3009" data-top="1104" data-width="168" data-height="26">

        <!-- 1 (圆形) -->
        <div id="u10439" class="ax_default ellipse1" data-label="1" selectiongroup="轮播点">
          <img id="u10439_img" class="img " src="images/用户流程图/1_u751.svg"/>
          <div id="u10439_text" class="text ">
            <p><span>1</span></p>
          </div>
        </div>

        <!-- 4 (圆形) -->
        <div id="u10440" class="ax_default ellipse1" data-label="4" selectiongroup="轮播点">
          <img id="u10440_img" class="img " src="images/用户流程图/1_u751.svg"/>
          <div id="u10440_text" class="text ">
            <p><span>4</span></p>
          </div>
        </div>

        <!-- 3 (圆形) -->
        <div id="u10441" class="ax_default ellipse1" data-label="3" selectiongroup="轮播点">
          <img id="u10441_img" class="img " src="images/用户流程图/1_u751.svg"/>
          <div id="u10441_text" class="text ">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- 2 (圆形) -->
        <div id="u10442" class="ax_default ellipse1" data-label="2" selectiongroup="轮播点">
          <img id="u10442_img" class="img " src="images/用户流程图/1_u751.svg"/>
          <div id="u10442_text" class="text ">
            <p><span>2</span></p>
          </div>
        </div>

        <!-- 5 (圆形) -->
        <div id="u10443" class="ax_default ellipse1" data-label="5" selectiongroup="轮播点">
          <img id="u10443_img" class="img " src="images/用户流程图/1_u751.svg"/>
          <div id="u10443_text" class="text ">
            <p><span>5</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10444" class="ax_default" data-left="2771.5" data-top="1179.5" data-width="130.5" data-height="36">

        <!-- Unnamed (矩形) -->
        <div id="u10445" class="ax_default label">
          <div id="u10445_div" class=""></div>
          <div id="u10445_text" class="text ">
            <p><span>精品体系课</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10446" class="ax_default flow_shape">
          <div id="u10446_div" class=""></div>
          <div id="u10446_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (文本框) -->
      <div id="u10447" class="ax_default text_field">
        <div id="u10447_div" class=""></div>
        <input id="u10447_input" type="text" value="Search" class="u10447_input"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10448" class="ax_default" data-left="3487" data-top="574" data-width="586" data-height="1143">

        <!-- Unnamed (组合) -->
        <div id="u10449" class="ax_default" data-left="3517" data-top="1569" data-width="495" data-height="90">

          <!-- Unnamed (矩形) -->
          <div id="u10450" class="ax_default box_1">
            <div id="u10450_div" class=""></div>
            <div id="u10450_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10451" class="ax_default" data-left="3538" data-top="1622" data-width="70" data-height="24">

          <!-- Unnamed (矩形) -->
          <div id="u10452" class="ax_default label">
            <div id="u10452_div" class=""></div>
            <div id="u10452_text" class="text ">
              <p><span>就业</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10453" class="ax_default" data-left="3555" data-top="1586" data-width="33" data-height="33">

          <!-- Unnamed (形状) -->
          <div id="u10454" class="ax_default _形状">
            <img id="u10454_img" class="img " src="images/用户流程图/u695.svg"/>
            <div id="u10454_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10455" class="ax_default _形状">
            <img id="u10455_img" class="img " src="images/元件/u7.svg"/>
            <div id="u10455_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10456" class="ax_default _形状">
            <img id="u10456_img" class="img " src="images/用户流程图/u697.svg"/>
            <div id="u10456_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10457" class="ax_default" data-left="3653" data-top="1586" data-width="53" data-height="60">

          <!-- Unnamed (组合) -->
          <div id="u10458" class="ax_default" data-left="3653" data-top="1622" data-width="53" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u10459" class="ax_default label">
              <div id="u10459_div" class=""></div>
              <div id="u10459_text" class="text ">
                <p><span>课程</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u10460" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u10461" class="ax_default" data-left="3653" data-top="1586" data-width="33" data-height="33">

            <!-- Unnamed (形状) -->
            <div id="u10462" class="ax_default _形状">
              <img id="u10462_img" class="img " src="images/用户流程图/u703.svg"/>
              <div id="u10462_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u10463" class="ax_default _形状">
              <img id="u10463_img" class="img " src="images/用户流程图/u704.svg"/>
              <div id="u10463_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10464" class="ax_default" data-left="3849" data-top="1591" data-width="48" data-height="55">

          <!-- Unnamed (组合) -->
          <div id="u10465" class="ax_default" data-left="3851" data-top="1622" data-width="46" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u10466" class="ax_default label">
              <div id="u10466_div" class=""></div>
              <div id="u10466_text" class="text ">
                <p><span>资讯</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u10467" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10468" class="ax_default icon">
            <img id="u10468_img" class="img " src="images/元件/u20.svg"/>
            <div id="u10468_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10469" class="ax_default" data-left="3751" data-top="1586" data-width="52" data-height="60">

          <!-- Unnamed (组合) -->
          <div id="u10470" class="ax_default" data-left="3751" data-top="1622" data-width="52" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u10471" class="ax_default label">
              <div id="u10471_div" class=""></div>
              <div id="u10471_text" class="text ">
                <p><span>社群</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u10472" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10473" class="ax_default icon">
            <img id="u10473_img" class="img " src="images/元件/u25.svg"/>
            <div id="u10473_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10474" class="ax_default" data-left="3945" data-top="1586" data-width="53" data-height="60">

          <!-- Unnamed (组合) -->
          <div id="u10475" class="ax_default" data-left="3945" data-top="1622" data-width="53" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u10476" class="ax_default label">
              <div id="u10476_div" class=""></div>
              <div id="u10476_text" class="text ">
                <p><span>我的</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u10477" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10478" class="ax_default icon">
            <img id="u10478_img" class="img " src="images/元件/u30.svg"/>
            <div id="u10478_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10479" class="ax_default" data-left="3487" data-top="574" data-width="586" data-height="1143">

          <!-- Unnamed (矩形) -->
          <div id="u10480" class="ax_default _默认样式">
            <div id="u10480_div" class=""></div>
            <div id="u10480_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u10481" class="ax_default image">
            <img id="u10481_img" class="img " src="images/元件/u33.png"/>
            <div id="u10481_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u10482" class="ax_default image">
            <img id="u10482_img" class="img " src="images/元件/u34.png"/>
            <div id="u10482_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u10483" class="ax_default image">
            <img id="u10483_img" class="img " src="images/元件/u35.png"/>
            <div id="u10483_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u10484" class="ax_default image">
            <img id="u10484_img" class="img " src="images/元件/u36.png"/>
            <div id="u10484_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10485" class="ax_default" data-left="3803" data-top="611" data-width="79" data-height="15">

          <!-- Unnamed (图片 ) -->
          <div id="u10486" class="ax_default image1">
            <img id="u10486_img" class="img " src="images/元件/u38.png"/>
            <div id="u10486_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10487" class="ax_default icon">
            <img id="u10487_img" class="img " src="images/元件/u39.svg"/>
            <div id="u10487_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10488" class="ax_default icon">
            <img id="u10488_img" class="img " src="images/元件/u40.svg"/>
            <div id="u10488_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10489" class="ax_default label">
          <div id="u10489_div" class=""></div>
          <div id="u10489_text" class="text ">
            <p><span>7:00</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10490" class="ax_default" data-left="3908" data-top="619" data-width="79" data-height="15">

          <!-- Unnamed (图片 ) -->
          <div id="u10491" class="ax_default image1">
            <img id="u10491_img" class="img " src="images/元件/u38.png"/>
            <div id="u10491_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10492" class="ax_default icon">
            <img id="u10492_img" class="img " src="images/元件/u39.svg"/>
            <div id="u10492_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10493" class="ax_default icon">
            <img id="u10493_img" class="img " src="images/元件/u40.svg"/>
            <div id="u10493_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10494" class="ax_default box_1">
        <img id="u10494_img" class="img " src="images/用户流程图/u735.svg"/>
        <div id="u10494_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10495" class="ax_default box_1">
        <div id="u10495_div" class=""></div>
        <div id="u10495_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u10496" class="ax_default _图片">
        <img id="u10496_img" class="img " src="images/元件/u49.png"/>
        <div id="u10496_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u10497" class="ax_default icon">
        <img id="u10497_img" class="img " src="images/用户流程图/u738.svg"/>
        <div id="u10497_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10498" class="ax_default box_1">
        <div id="u10498_div" class=""></div>
        <div id="u10498_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10499" class="ax_default box_1">
        <div id="u10499_div" class=""></div>
        <div id="u10499_text" class="text ">
          <p><span>推荐课程</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10500" class="ax_default box_1">
        <div id="u10500_div" class=""></div>
        <div id="u10500_text" class="text ">
          <p><span>已学课程</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10501" class="ax_default box_1">
        <div id="u10501_div" class=""></div>
        <div id="u10501_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10502" class="ax_default flow_shape">
        <div id="u10502_div" class=""></div>
        <div id="u10502_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u10503" class="ax_default">
        <div id="u10503_state0" class="panel_state" data-label="State1" style="">
          <div id="u10503_state0_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u10504" class="ax_default _图片_">
              <img id="u10504_img" class="img " src="images/用户流程图/u745.svg"/>
              <div id="u10504_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u10503_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
          <div id="u10503_state1_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u10505" class="ax_default _图片_">
              <img id="u10505_img" class="img " src="images/用户流程图/u746.svg"/>
              <div id="u10505_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u10503_state2" class="panel_state" data-label="State3" style="visibility: hidden;">
          <div id="u10503_state2_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u10506" class="ax_default _图片_">
              <img id="u10506_img" class="img " src="images/用户流程图/u747.svg"/>
              <div id="u10506_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u10503_state3" class="panel_state" data-label="State4" style="visibility: hidden;">
          <div id="u10503_state3_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u10507" class="ax_default _图片_">
              <img id="u10507_img" class="img " src="images/用户流程图/u748.svg"/>
              <div id="u10507_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u10503_state4" class="panel_state" data-label="State5" style="visibility: hidden;">
          <div id="u10503_state4_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u10508" class="ax_default _图片_">
              <img id="u10508_img" class="img " src="images/用户流程图/u749.svg"/>
              <div id="u10508_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10509" class="ax_default" data-left="3787" data-top="1104" data-width="168" data-height="26">

        <!-- 1 (圆形) -->
        <div id="u10510" class="ax_default ellipse1" data-label="1" selectiongroup="轮播点">
          <img id="u10510_img" class="img " src="images/用户流程图/1_u751.svg"/>
          <div id="u10510_text" class="text ">
            <p><span>1</span></p>
          </div>
        </div>

        <!-- 4 (圆形) -->
        <div id="u10511" class="ax_default ellipse1" data-label="4" selectiongroup="轮播点">
          <img id="u10511_img" class="img " src="images/用户流程图/1_u751.svg"/>
          <div id="u10511_text" class="text ">
            <p><span>4</span></p>
          </div>
        </div>

        <!-- 3 (圆形) -->
        <div id="u10512" class="ax_default ellipse1" data-label="3" selectiongroup="轮播点">
          <img id="u10512_img" class="img " src="images/用户流程图/1_u751.svg"/>
          <div id="u10512_text" class="text ">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- 2 (圆形) -->
        <div id="u10513" class="ax_default ellipse1" data-label="2" selectiongroup="轮播点">
          <img id="u10513_img" class="img " src="images/用户流程图/1_u751.svg"/>
          <div id="u10513_text" class="text ">
            <p><span>2</span></p>
          </div>
        </div>

        <!-- 5 (圆形) -->
        <div id="u10514" class="ax_default ellipse1" data-label="5" selectiongroup="轮播点">
          <img id="u10514_img" class="img " src="images/用户流程图/1_u751.svg"/>
          <div id="u10514_text" class="text ">
            <p><span>5</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10515" class="ax_default label">
        <div id="u10515_div" class=""></div>
        <div id="u10515_text" class="text ">
          <p><span>免费课程</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10516" class="ax_default flow_shape">
        <div id="u10516_div" class=""></div>
        <div id="u10516_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (文本框) -->
      <div id="u10517" class="ax_default text_field">
        <div id="u10517_div" class=""></div>
        <input id="u10517_input" type="text" value="Search" class="u10517_input"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10518" class="ax_default" data-left="4282" data-top="583" data-width="586" data-height="1143">

        <!-- Unnamed (组合) -->
        <div id="u10519" class="ax_default" data-left="4314" data-top="1580" data-width="495" data-height="90">

          <!-- Unnamed (矩形) -->
          <div id="u10520" class="ax_default box_1">
            <div id="u10520_div" class=""></div>
            <div id="u10520_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10521" class="ax_default" data-left="4336" data-top="1628" data-width="70" data-height="24">

          <!-- Unnamed (矩形) -->
          <div id="u10522" class="ax_default label">
            <div id="u10522_div" class=""></div>
            <div id="u10522_text" class="text ">
              <p><span>就业</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10523" class="ax_default" data-left="4353" data-top="1592" data-width="33" data-height="33">

          <!-- Unnamed (形状) -->
          <div id="u10524" class="ax_default _形状">
            <img id="u10524_img" class="img " src="images/用户流程图/u695.svg"/>
            <div id="u10524_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10525" class="ax_default _形状">
            <img id="u10525_img" class="img " src="images/用户流程图/u696.svg"/>
            <div id="u10525_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10526" class="ax_default _形状">
            <img id="u10526_img" class="img " src="images/用户流程图/u697.svg"/>
            <div id="u10526_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10527" class="ax_default" data-left="4451" data-top="1592" data-width="53" data-height="60">

          <!-- Unnamed (组合) -->
          <div id="u10528" class="ax_default" data-left="4451" data-top="1628" data-width="53" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u10529" class="ax_default label">
              <div id="u10529_div" class=""></div>
              <div id="u10529_text" class="text ">
                <p><span>课程</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u10530" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u10531" class="ax_default" data-left="4451" data-top="1592" data-width="33" data-height="33">

            <!-- Unnamed (形状) -->
            <div id="u10532" class="ax_default _形状">
              <img id="u10532_img" class="img " src="images/用户流程图/u703.svg"/>
              <div id="u10532_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u10533" class="ax_default _形状">
              <img id="u10533_img" class="img " src="images/用户流程图/u704.svg"/>
              <div id="u10533_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10534" class="ax_default" data-left="4647" data-top="1597" data-width="48" data-height="55">

          <!-- Unnamed (组合) -->
          <div id="u10535" class="ax_default" data-left="4649" data-top="1628" data-width="46" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u10536" class="ax_default label">
              <div id="u10536_div" class=""></div>
              <div id="u10536_text" class="text ">
                <p><span>资讯</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u10537" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10538" class="ax_default icon">
            <img id="u10538_img" class="img " src="images/元件/u20.svg"/>
            <div id="u10538_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10539" class="ax_default" data-left="4549" data-top="1592" data-width="52" data-height="60">

          <!-- Unnamed (组合) -->
          <div id="u10540" class="ax_default" data-left="4549" data-top="1628" data-width="52" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u10541" class="ax_default label">
              <div id="u10541_div" class=""></div>
              <div id="u10541_text" class="text ">
                <p><span>社群</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u10542" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10543" class="ax_default icon">
            <img id="u10543_img" class="img " src="images/元件/u25.svg"/>
            <div id="u10543_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10544" class="ax_default" data-left="4743" data-top="1592" data-width="53" data-height="60">

          <!-- Unnamed (组合) -->
          <div id="u10545" class="ax_default" data-left="4743" data-top="1628" data-width="53" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u10546" class="ax_default label">
              <div id="u10546_div" class=""></div>
              <div id="u10546_text" class="text ">
                <p><span>我的</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u10547" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10548" class="ax_default icon">
            <img id="u10548_img" class="img " src="images/元件/u30.svg"/>
            <div id="u10548_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10549" class="ax_default" data-left="4282" data-top="583" data-width="586" data-height="1143">

          <!-- Unnamed (矩形) -->
          <div id="u10550" class="ax_default _默认样式">
            <div id="u10550_div" class=""></div>
            <div id="u10550_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u10551" class="ax_default image">
            <img id="u10551_img" class="img " src="images/元件/u33.png"/>
            <div id="u10551_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u10552" class="ax_default image">
            <img id="u10552_img" class="img " src="images/元件/u34.png"/>
            <div id="u10552_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u10553" class="ax_default image">
            <img id="u10553_img" class="img " src="images/元件/u35.png"/>
            <div id="u10553_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u10554" class="ax_default image">
            <img id="u10554_img" class="img " src="images/元件/u36.png"/>
            <div id="u10554_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10555" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10556" class="ax_default label">
          <div id="u10556_div" class=""></div>
          <div id="u10556_text" class="text ">
            <p><span>7:00</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10557" class="ax_default" data-left="4703" data-top="629" data-width="79" data-height="15">

          <!-- Unnamed (图片 ) -->
          <div id="u10558" class="ax_default image1">
            <img id="u10558_img" class="img " src="images/元件/u38.png"/>
            <div id="u10558_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10559" class="ax_default icon">
            <img id="u10559_img" class="img " src="images/元件/u39.svg"/>
            <div id="u10559_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10560" class="ax_default icon">
            <img id="u10560_img" class="img " src="images/元件/u40.svg"/>
            <div id="u10560_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10561" class="ax_default box_1">
        <img id="u10561_img" class="img " src="images/用户流程图/u735.svg"/>
        <div id="u10561_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10562" class="ax_default box_1">
        <div id="u10562_div" class=""></div>
        <div id="u10562_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u10563" class="ax_default _图片">
        <img id="u10563_img" class="img " src="images/元件/u49.png"/>
        <div id="u10563_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u10564" class="ax_default icon">
        <img id="u10564_img" class="img " src="images/用户流程图/u738.svg"/>
        <div id="u10564_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10565" class="ax_default box_1">
        <div id="u10565_div" class=""></div>
        <div id="u10565_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10566" class="ax_default box_1">
        <div id="u10566_div" class=""></div>
        <div id="u10566_text" class="text ">
          <p><span>推荐课程</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10567" class="ax_default box_1">
        <div id="u10567_div" class=""></div>
        <div id="u10567_text" class="text ">
          <p><span>已学课程</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10568" class="ax_default box_1">
        <div id="u10568_div" class=""></div>
        <div id="u10568_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10569" class="ax_default flow_shape">
        <div id="u10569_div" class=""></div>
        <div id="u10569_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u10570" class="ax_default">
        <div id="u10570_state0" class="panel_state" data-label="State1" style="">
          <div id="u10570_state0_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u10571" class="ax_default _图片_">
              <img id="u10571_img" class="img " src="images/用户流程图/u745.svg"/>
              <div id="u10571_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u10570_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
          <div id="u10570_state1_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u10572" class="ax_default _图片_">
              <img id="u10572_img" class="img " src="images/用户流程图/u746.svg"/>
              <div id="u10572_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u10570_state2" class="panel_state" data-label="State3" style="visibility: hidden;">
          <div id="u10570_state2_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u10573" class="ax_default _图片_">
              <img id="u10573_img" class="img " src="images/用户流程图/u747.svg"/>
              <div id="u10573_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u10570_state3" class="panel_state" data-label="State4" style="visibility: hidden;">
          <div id="u10570_state3_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u10574" class="ax_default _图片_">
              <img id="u10574_img" class="img " src="images/用户流程图/u748.svg"/>
              <div id="u10574_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u10570_state4" class="panel_state" data-label="State5" style="visibility: hidden;">
          <div id="u10570_state4_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u10575" class="ax_default _图片_">
              <img id="u10575_img" class="img " src="images/用户流程图/u749.svg"/>
              <div id="u10575_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10576" class="ax_default" data-left="4600" data-top="1104" data-width="168" data-height="26">

        <!-- 1 (圆形) -->
        <div id="u10577" class="ax_default ellipse1" data-label="1" selectiongroup="轮播点">
          <img id="u10577_img" class="img " src="images/用户流程图/1_u751.svg"/>
          <div id="u10577_text" class="text ">
            <p><span>1</span></p>
          </div>
        </div>

        <!-- 4 (圆形) -->
        <div id="u10578" class="ax_default ellipse1" data-label="4" selectiongroup="轮播点">
          <img id="u10578_img" class="img " src="images/用户流程图/1_u751.svg"/>
          <div id="u10578_text" class="text ">
            <p><span>4</span></p>
          </div>
        </div>

        <!-- 3 (圆形) -->
        <div id="u10579" class="ax_default ellipse1" data-label="3" selectiongroup="轮播点">
          <img id="u10579_img" class="img " src="images/用户流程图/1_u751.svg"/>
          <div id="u10579_text" class="text ">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- 2 (圆形) -->
        <div id="u10580" class="ax_default ellipse1" data-label="2" selectiongroup="轮播点">
          <img id="u10580_img" class="img " src="images/用户流程图/1_u751.svg"/>
          <div id="u10580_text" class="text ">
            <p><span>2</span></p>
          </div>
        </div>

        <!-- 5 (圆形) -->
        <div id="u10581" class="ax_default ellipse1" data-label="5" selectiongroup="轮播点">
          <img id="u10581_img" class="img " src="images/用户流程图/1_u751.svg"/>
          <div id="u10581_text" class="text ">
            <p><span>5</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10582" class="ax_default" data-left="4336.5" data-top="1178.5" data-width="122.5" data-height="36">

        <!-- Unnamed (矩形) -->
        <div id="u10583" class="ax_default label">
          <div id="u10583_div" class=""></div>
          <div id="u10583_text" class="text ">
            <p><span>实战课程</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10584" class="ax_default flow_shape">
          <div id="u10584_div" class=""></div>
          <div id="u10584_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (文本框) -->
      <div id="u10585" class="ax_default text_field">
        <div id="u10585_div" class=""></div>
        <input id="u10585_input" type="text" value="Search" class="u10585_input"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10586" class="ax_default" data-left="5163" data-top="583" data-width="586" data-height="1143">

        <!-- Unnamed (组合) -->
        <div id="u10587" class="ax_default" data-left="5193" data-top="1578" data-width="495" data-height="90">

          <!-- Unnamed (矩形) -->
          <div id="u10588" class="ax_default box_1">
            <div id="u10588_div" class=""></div>
            <div id="u10588_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10589" class="ax_default" data-left="5214" data-top="1631" data-width="70" data-height="24">

          <!-- Unnamed (矩形) -->
          <div id="u10590" class="ax_default label">
            <div id="u10590_div" class=""></div>
            <div id="u10590_text" class="text ">
              <p><span>就业</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10591" class="ax_default" data-left="5231" data-top="1595" data-width="33" data-height="33">

          <!-- Unnamed (形状) -->
          <div id="u10592" class="ax_default _形状">
            <img id="u10592_img" class="img " src="images/用户流程图/u695.svg"/>
            <div id="u10592_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10593" class="ax_default _形状">
            <img id="u10593_img" class="img " src="images/用户流程图/u696.svg"/>
            <div id="u10593_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10594" class="ax_default _形状">
            <img id="u10594_img" class="img " src="images/用户流程图/u697.svg"/>
            <div id="u10594_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10595" class="ax_default" data-left="5329" data-top="1595" data-width="53" data-height="60">

          <!-- Unnamed (组合) -->
          <div id="u10596" class="ax_default" data-left="5329" data-top="1631" data-width="53" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u10597" class="ax_default label">
              <div id="u10597_div" class=""></div>
              <div id="u10597_text" class="text ">
                <p><span>课程</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u10598" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u10599" class="ax_default" data-left="5329" data-top="1595" data-width="33" data-height="33">

            <!-- Unnamed (形状) -->
            <div id="u10600" class="ax_default _形状">
              <img id="u10600_img" class="img " src="images/用户流程图/u703.svg"/>
              <div id="u10600_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u10601" class="ax_default _形状">
              <img id="u10601_img" class="img " src="images/用户流程图/u704.svg"/>
              <div id="u10601_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10602" class="ax_default" data-left="5525" data-top="1600" data-width="48" data-height="55">

          <!-- Unnamed (组合) -->
          <div id="u10603" class="ax_default" data-left="5527" data-top="1631" data-width="46" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u10604" class="ax_default label">
              <div id="u10604_div" class=""></div>
              <div id="u10604_text" class="text ">
                <p><span>资讯</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u10605" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10606" class="ax_default icon">
            <img id="u10606_img" class="img " src="images/元件/u20.svg"/>
            <div id="u10606_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10607" class="ax_default" data-left="5427" data-top="1595" data-width="52" data-height="60">

          <!-- Unnamed (组合) -->
          <div id="u10608" class="ax_default" data-left="5427" data-top="1631" data-width="52" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u10609" class="ax_default label">
              <div id="u10609_div" class=""></div>
              <div id="u10609_text" class="text ">
                <p><span>社群</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u10610" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10611" class="ax_default icon">
            <img id="u10611_img" class="img " src="images/元件/u25.svg"/>
            <div id="u10611_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10612" class="ax_default" data-left="5621" data-top="1595" data-width="53" data-height="60">

          <!-- Unnamed (组合) -->
          <div id="u10613" class="ax_default" data-left="5621" data-top="1631" data-width="53" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u10614" class="ax_default label">
              <div id="u10614_div" class=""></div>
              <div id="u10614_text" class="text ">
                <p><span>我的</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u10615" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10616" class="ax_default icon">
            <img id="u10616_img" class="img " src="images/元件/u30.svg"/>
            <div id="u10616_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10617" class="ax_default" data-left="5163" data-top="583" data-width="586" data-height="1143">

          <!-- Unnamed (矩形) -->
          <div id="u10618" class="ax_default _默认样式">
            <div id="u10618_div" class=""></div>
            <div id="u10618_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u10619" class="ax_default image">
            <img id="u10619_img" class="img " src="images/元件/u33.png"/>
            <div id="u10619_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u10620" class="ax_default image">
            <img id="u10620_img" class="img " src="images/元件/u34.png"/>
            <div id="u10620_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u10621" class="ax_default image">
            <img id="u10621_img" class="img " src="images/元件/u35.png"/>
            <div id="u10621_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u10622" class="ax_default image">
            <img id="u10622_img" class="img " src="images/元件/u36.png"/>
            <div id="u10622_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10623" class="ax_default" data-left="5479" data-top="620" data-width="79" data-height="15">

          <!-- Unnamed (图片 ) -->
          <div id="u10624" class="ax_default image1">
            <img id="u10624_img" class="img " src="images/元件/u38.png"/>
            <div id="u10624_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10625" class="ax_default icon">
            <img id="u10625_img" class="img " src="images/元件/u39.svg"/>
            <div id="u10625_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10626" class="ax_default icon">
            <img id="u10626_img" class="img " src="images/元件/u40.svg"/>
            <div id="u10626_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10627" class="ax_default label">
          <div id="u10627_div" class=""></div>
          <div id="u10627_text" class="text ">
            <p><span>7:00</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10628" class="ax_default" data-left="5584" data-top="628" data-width="79" data-height="15">

          <!-- Unnamed (图片 ) -->
          <div id="u10629" class="ax_default image1">
            <img id="u10629_img" class="img " src="images/元件/u38.png"/>
            <div id="u10629_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10630" class="ax_default icon">
            <img id="u10630_img" class="img " src="images/元件/u39.svg"/>
            <div id="u10630_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10631" class="ax_default icon">
            <img id="u10631_img" class="img " src="images/元件/u40.svg"/>
            <div id="u10631_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10632" class="ax_default box_1">
        <img id="u10632_img" class="img " src="images/用户流程图/u735.svg"/>
        <div id="u10632_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10633" class="ax_default box_1">
        <div id="u10633_div" class=""></div>
        <div id="u10633_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u10634" class="ax_default _图片">
        <img id="u10634_img" class="img " src="images/元件/u49.png"/>
        <div id="u10634_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u10635" class="ax_default icon">
        <img id="u10635_img" class="img " src="images/用户流程图/u738.svg"/>
        <div id="u10635_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10636" class="ax_default box_1">
        <div id="u10636_div" class=""></div>
        <div id="u10636_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10637" class="ax_default box_1">
        <div id="u10637_div" class=""></div>
        <div id="u10637_text" class="text ">
          <p><span>推荐课程</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10638" class="ax_default box_1">
        <div id="u10638_div" class=""></div>
        <div id="u10638_text" class="text ">
          <p><span>已学课程</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10639" class="ax_default box_1">
        <div id="u10639_div" class=""></div>
        <div id="u10639_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u10640" class="ax_default">
        <div id="u10640_state0" class="panel_state" data-label="State1" style="">
          <div id="u10640_state0_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u10641" class="ax_default _图片_">
              <img id="u10641_img" class="img " src="images/用户流程图/u745.svg"/>
              <div id="u10641_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u10640_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
          <div id="u10640_state1_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u10642" class="ax_default _图片_">
              <img id="u10642_img" class="img " src="images/用户流程图/u746.svg"/>
              <div id="u10642_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u10640_state2" class="panel_state" data-label="State3" style="visibility: hidden;">
          <div id="u10640_state2_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u10643" class="ax_default _图片_">
              <img id="u10643_img" class="img " src="images/用户流程图/u747.svg"/>
              <div id="u10643_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u10640_state3" class="panel_state" data-label="State4" style="visibility: hidden;">
          <div id="u10640_state3_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u10644" class="ax_default _图片_">
              <img id="u10644_img" class="img " src="images/用户流程图/u748.svg"/>
              <div id="u10644_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u10640_state4" class="panel_state" data-label="State5" style="visibility: hidden;">
          <div id="u10640_state4_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u10645" class="ax_default _图片_">
              <img id="u10645_img" class="img " src="images/用户流程图/u749.svg"/>
              <div id="u10645_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10646" class="ax_default" data-left="5461" data-top="1104" data-width="168" data-height="26">

        <!-- 1 (圆形) -->
        <div id="u10647" class="ax_default ellipse1" data-label="1" selectiongroup="轮播点">
          <img id="u10647_img" class="img " src="images/用户流程图/1_u751.svg"/>
          <div id="u10647_text" class="text ">
            <p><span>1</span></p>
          </div>
        </div>

        <!-- 4 (圆形) -->
        <div id="u10648" class="ax_default ellipse1" data-label="4" selectiongroup="轮播点">
          <img id="u10648_img" class="img " src="images/用户流程图/1_u751.svg"/>
          <div id="u10648_text" class="text ">
            <p><span>4</span></p>
          </div>
        </div>

        <!-- 3 (圆形) -->
        <div id="u10649" class="ax_default ellipse1" data-label="3" selectiongroup="轮播点">
          <img id="u10649_img" class="img " src="images/用户流程图/1_u751.svg"/>
          <div id="u10649_text" class="text ">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- 2 (圆形) -->
        <div id="u10650" class="ax_default ellipse1" data-label="2" selectiongroup="轮播点">
          <img id="u10650_img" class="img " src="images/用户流程图/1_u751.svg"/>
          <div id="u10650_text" class="text ">
            <p><span>2</span></p>
          </div>
        </div>

        <!-- 5 (圆形) -->
        <div id="u10651" class="ax_default ellipse1" data-label="5" selectiongroup="轮播点">
          <img id="u10651_img" class="img " src="images/用户流程图/1_u751.svg"/>
          <div id="u10651_text" class="text ">
            <p><span>5</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10652" class="ax_default label">
        <div id="u10652_div" class=""></div>
        <div id="u10652_text" class="text ">
          <p><span>金职位课程</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10653" class="ax_default flow_shape">
        <div id="u10653_div" class=""></div>
        <div id="u10653_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (文本框) -->
      <div id="u10654" class="ax_default text_field">
        <div id="u10654_div" class=""></div>
        <input id="u10654_input" type="text" value="Search" class="u10654_input"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10655" class="ax_default" data-left="5947" data-top="583" data-width="586" data-height="1143">

        <!-- Unnamed (组合) -->
        <div id="u10656" class="ax_default" data-left="5977" data-top="1578" data-width="495" data-height="90">

          <!-- Unnamed (矩形) -->
          <div id="u10657" class="ax_default box_1">
            <div id="u10657_div" class=""></div>
            <div id="u10657_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10658" class="ax_default" data-left="5998" data-top="1631" data-width="70" data-height="24">

          <!-- Unnamed (矩形) -->
          <div id="u10659" class="ax_default label">
            <div id="u10659_div" class=""></div>
            <div id="u10659_text" class="text ">
              <p><span>就业</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10660" class="ax_default" data-left="6015" data-top="1595" data-width="33" data-height="33">

          <!-- Unnamed (形状) -->
          <div id="u10661" class="ax_default _形状">
            <img id="u10661_img" class="img " src="images/用户流程图/u695.svg"/>
            <div id="u10661_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10662" class="ax_default _形状">
            <img id="u10662_img" class="img " src="images/用户流程图/u696.svg"/>
            <div id="u10662_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10663" class="ax_default _形状">
            <img id="u10663_img" class="img " src="images/用户流程图/u697.svg"/>
            <div id="u10663_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10664" class="ax_default" data-left="6113" data-top="1595" data-width="53" data-height="60">

          <!-- Unnamed (组合) -->
          <div id="u10665" class="ax_default" data-left="6113" data-top="1631" data-width="53" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u10666" class="ax_default label">
              <div id="u10666_div" class=""></div>
              <div id="u10666_text" class="text ">
                <p><span>课程</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u10667" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u10668" class="ax_default" data-left="6113" data-top="1595" data-width="33" data-height="33">

            <!-- Unnamed (形状) -->
            <div id="u10669" class="ax_default _形状">
              <img id="u10669_img" class="img " src="images/元件/u14.svg"/>
              <div id="u10669_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u10670" class="ax_default _形状">
              <img id="u10670_img" class="img " src="images/用户流程图/u704.svg"/>
              <div id="u10670_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10671" class="ax_default" data-left="6309" data-top="1600" data-width="48" data-height="55">

          <!-- Unnamed (组合) -->
          <div id="u10672" class="ax_default" data-left="6311" data-top="1631" data-width="46" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u10673" class="ax_default label">
              <div id="u10673_div" class=""></div>
              <div id="u10673_text" class="text ">
                <p><span>资讯</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u10674" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10675" class="ax_default icon">
            <img id="u10675_img" class="img " src="images/元件/u20.svg"/>
            <div id="u10675_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10676" class="ax_default" data-left="6211" data-top="1595" data-width="52" data-height="60">

          <!-- Unnamed (组合) -->
          <div id="u10677" class="ax_default" data-left="6211" data-top="1631" data-width="52" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u10678" class="ax_default label">
              <div id="u10678_div" class=""></div>
              <div id="u10678_text" class="text ">
                <p><span>社群</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u10679" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10680" class="ax_default icon">
            <img id="u10680_img" class="img " src="images/元件/u25.svg"/>
            <div id="u10680_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10681" class="ax_default" data-left="6405" data-top="1595" data-width="53" data-height="60">

          <!-- Unnamed (组合) -->
          <div id="u10682" class="ax_default" data-left="6405" data-top="1631" data-width="53" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u10683" class="ax_default label">
              <div id="u10683_div" class=""></div>
              <div id="u10683_text" class="text ">
                <p><span>我的</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u10684" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10685" class="ax_default icon">
            <img id="u10685_img" class="img " src="images/元件/u30.svg"/>
            <div id="u10685_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10686" class="ax_default" data-left="5947" data-top="583" data-width="586" data-height="1143">

          <!-- Unnamed (矩形) -->
          <div id="u10687" class="ax_default _默认样式">
            <div id="u10687_div" class=""></div>
            <div id="u10687_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u10688" class="ax_default image">
            <img id="u10688_img" class="img " src="images/元件/u33.png"/>
            <div id="u10688_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u10689" class="ax_default image">
            <img id="u10689_img" class="img " src="images/元件/u34.png"/>
            <div id="u10689_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u10690" class="ax_default image">
            <img id="u10690_img" class="img " src="images/元件/u35.png"/>
            <div id="u10690_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u10691" class="ax_default image">
            <img id="u10691_img" class="img " src="images/元件/u36.png"/>
            <div id="u10691_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10692" class="ax_default" data-left="6263" data-top="620" data-width="79" data-height="15">

          <!-- Unnamed (图片 ) -->
          <div id="u10693" class="ax_default image1">
            <img id="u10693_img" class="img " src="images/元件/u38.png"/>
            <div id="u10693_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10694" class="ax_default icon">
            <img id="u10694_img" class="img " src="images/元件/u39.svg"/>
            <div id="u10694_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10695" class="ax_default icon">
            <img id="u10695_img" class="img " src="images/元件/u40.svg"/>
            <div id="u10695_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10696" class="ax_default label">
          <div id="u10696_div" class=""></div>
          <div id="u10696_text" class="text ">
            <p><span>7:00</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10697" class="ax_default" data-left="6368" data-top="628" data-width="79" data-height="15">

          <!-- Unnamed (图片 ) -->
          <div id="u10698" class="ax_default image1">
            <img id="u10698_img" class="img " src="images/元件/u38.png"/>
            <div id="u10698_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10699" class="ax_default icon">
            <img id="u10699_img" class="img " src="images/元件/u39.svg"/>
            <div id="u10699_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10700" class="ax_default icon">
            <img id="u10700_img" class="img " src="images/元件/u40.svg"/>
            <div id="u10700_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10701" class="ax_default box_1">
        <img id="u10701_img" class="img " src="images/用户流程图/u735.svg"/>
        <div id="u10701_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10702" class="ax_default box_1">
        <div id="u10702_div" class=""></div>
        <div id="u10702_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u10703" class="ax_default _图片">
        <img id="u10703_img" class="img " src="images/元件/u49.png"/>
        <div id="u10703_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u10704" class="ax_default icon">
        <img id="u10704_img" class="img " src="images/用户流程图/u738.svg"/>
        <div id="u10704_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10705" class="ax_default box_1">
        <div id="u10705_div" class=""></div>
        <div id="u10705_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10706" class="ax_default box_1">
        <div id="u10706_div" class=""></div>
        <div id="u10706_text" class="text ">
          <p><span>推荐课程</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10707" class="ax_default box_1">
        <div id="u10707_div" class=""></div>
        <div id="u10707_text" class="text ">
          <p><span>已学课程</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10708" class="ax_default box_1">
        <div id="u10708_div" class=""></div>
        <div id="u10708_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10709" class="ax_default label">
        <div id="u10709_div" class=""></div>
        <div id="u10709_text" class="text ">
          <p><span>推荐</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10710" class="ax_default label">
        <div id="u10710_div" class=""></div>
        <div id="u10710_text" class="text ">
          <p><span>免费</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10711" class="ax_default label">
        <div id="u10711_div" class=""></div>
        <div id="u10711_text" class="text ">
          <p><span>实战</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10712" class="ax_default label">
        <div id="u10712_div" class=""></div>
        <div id="u10712_text" class="text ">
          <p><span>专栏</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10713" class="ax_default label">
        <div id="u10713_div" class=""></div>
        <div id="u10713_text" class="text ">
          <p><span>金职位 </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10714" class="ax_default flow_shape">
        <div id="u10714_div" class=""></div>
        <div id="u10714_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (动态面板) -->
      <div id="u10715" class="ax_default">
        <div id="u10715_state0" class="panel_state" data-label="State1" style="">
          <div id="u10715_state0_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u10716" class="ax_default _图片_">
              <img id="u10716_img" class="img " src="images/用户流程图/u745.svg"/>
              <div id="u10716_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u10715_state1" class="panel_state" data-label="State2" style="visibility: hidden;">
          <div id="u10715_state1_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u10717" class="ax_default _图片_">
              <img id="u10717_img" class="img " src="images/用户流程图/u746.svg"/>
              <div id="u10717_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u10715_state2" class="panel_state" data-label="State3" style="visibility: hidden;">
          <div id="u10715_state2_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u10718" class="ax_default _图片_">
              <img id="u10718_img" class="img " src="images/用户流程图/u747.svg"/>
              <div id="u10718_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u10715_state3" class="panel_state" data-label="State4" style="visibility: hidden;">
          <div id="u10715_state3_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u10719" class="ax_default _图片_">
              <img id="u10719_img" class="img " src="images/用户流程图/u748.svg"/>
              <div id="u10719_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
        <div id="u10715_state4" class="panel_state" data-label="State5" style="visibility: hidden;">
          <div id="u10715_state4_content" class="panel_state_content">

            <!-- Unnamed (图片 ) -->
            <div id="u10720" class="ax_default _图片_">
              <img id="u10720_img" class="img " src="images/用户流程图/u749.svg"/>
              <div id="u10720_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10721" class="ax_default" data-left="6245" data-top="1104" data-width="168" data-height="26">

        <!-- 1 (圆形) -->
        <div id="u10722" class="ax_default ellipse1" data-label="1" selectiongroup="轮播点">
          <img id="u10722_img" class="img " src="images/用户流程图/1_u751.svg"/>
          <div id="u10722_text" class="text ">
            <p><span>1</span></p>
          </div>
        </div>

        <!-- 4 (圆形) -->
        <div id="u10723" class="ax_default ellipse1" data-label="4" selectiongroup="轮播点">
          <img id="u10723_img" class="img " src="images/用户流程图/1_u751.svg"/>
          <div id="u10723_text" class="text ">
            <p><span>4</span></p>
          </div>
        </div>

        <!-- 3 (圆形) -->
        <div id="u10724" class="ax_default ellipse1" data-label="3" selectiongroup="轮播点">
          <img id="u10724_img" class="img " src="images/用户流程图/1_u751.svg"/>
          <div id="u10724_text" class="text ">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- 2 (圆形) -->
        <div id="u10725" class="ax_default ellipse1" data-label="2" selectiongroup="轮播点">
          <img id="u10725_img" class="img " src="images/用户流程图/1_u751.svg"/>
          <div id="u10725_text" class="text ">
            <p><span>2</span></p>
          </div>
        </div>

        <!-- 5 (圆形) -->
        <div id="u10726" class="ax_default ellipse1" data-label="5" selectiongroup="轮播点">
          <img id="u10726_img" class="img " src="images/用户流程图/1_u751.svg"/>
          <div id="u10726_text" class="text ">
            <p><span>5</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10727" class="ax_default label">
        <div id="u10727_div" class=""></div>
        <div id="u10727_text" class="text ">
          <p><span>专栏课程</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10728" class="ax_default flow_shape">
        <div id="u10728_div" class=""></div>
        <div id="u10728_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (文本框) -->
      <div id="u10729" class="ax_default text_field">
        <div id="u10729_div" class=""></div>
        <input id="u10729_input" type="text" value="Search" class="u10729_input"/>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10730" class="ax_default label">
        <div id="u10730_div" class=""></div>
        <div id="u10730_text" class="text ">
          <p><span>推荐</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10731" class="ax_default label">
        <div id="u10731_div" class=""></div>
        <div id="u10731_text" class="text ">
          <p><span>免费</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10732" class="ax_default label">
        <div id="u10732_div" class=""></div>
        <div id="u10732_text" class="text ">
          <p><span>实战</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10733" class="ax_default label">
        <div id="u10733_div" class=""></div>
        <div id="u10733_text" class="text ">
          <p><span>专栏</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10734" class="ax_default label">
        <div id="u10734_div" class=""></div>
        <div id="u10734_text" class="text ">
          <p><span>金职位 </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10735" class="ax_default label">
        <div id="u10735_div" class=""></div>
        <div id="u10735_text" class="text ">
          <p><span>推荐</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10736" class="ax_default label">
        <div id="u10736_div" class=""></div>
        <div id="u10736_text" class="text ">
          <p><span>免费</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10737" class="ax_default label">
        <div id="u10737_div" class=""></div>
        <div id="u10737_text" class="text ">
          <p><span>实战</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10738" class="ax_default label">
        <div id="u10738_div" class=""></div>
        <div id="u10738_text" class="text ">
          <p><span>专栏</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10739" class="ax_default label">
        <div id="u10739_div" class=""></div>
        <div id="u10739_text" class="text ">
          <p><span>金职位 </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10740" class="ax_default label">
        <div id="u10740_div" class=""></div>
        <div id="u10740_text" class="text ">
          <p><span>推荐</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10741" class="ax_default label">
        <div id="u10741_div" class=""></div>
        <div id="u10741_text" class="text ">
          <p><span>免费</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10742" class="ax_default label">
        <div id="u10742_div" class=""></div>
        <div id="u10742_text" class="text ">
          <p><span>实战</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10743" class="ax_default label">
        <div id="u10743_div" class=""></div>
        <div id="u10743_text" class="text ">
          <p><span>专栏</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10744" class="ax_default label">
        <div id="u10744_div" class=""></div>
        <div id="u10744_text" class="text ">
          <p><span>金职位 </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10745" class="ax_default label">
        <div id="u10745_div" class=""></div>
        <div id="u10745_text" class="text ">
          <p><span>推荐</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10746" class="ax_default label">
        <div id="u10746_div" class=""></div>
        <div id="u10746_text" class="text ">
          <p><span>免费</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10747" class="ax_default label">
        <div id="u10747_div" class=""></div>
        <div id="u10747_text" class="text ">
          <p><span>实战</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10748" class="ax_default label">
        <div id="u10748_div" class=""></div>
        <div id="u10748_text" class="text ">
          <p><span>专栏</span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10749" class="ax_default label">
        <div id="u10749_div" class=""></div>
        <div id="u10749_text" class="text ">
          <p><span>金职位 </span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10750" class="ax_default flow_shape">
        <div id="u10750_div" class=""></div>
        <div id="u10750_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10751" class="ax_default label">
        <div id="u10751_div" class=""></div>
        <div id="u10751_text" class="text ">
          <p><span>轮播图展示的是热门课程，展示逻辑为近三天内全&nbsp; app点击量和播放量最高的课程以及每天的新课程推荐，数量为 5个</span></p>
        </div>
      </div>

      <!-- Unnamed (线段) -->
      <div id="u10752" class="ax_default arrow">
        <img id="u10752_img" class="img " src="images/热门课程/u10752.svg"/>
        <div id="u10752_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10753" class="ax_default" data-left="2776" data-top="1231" data-width="449" data-height="266">

        <!-- Unnamed (组合) -->
        <div id="u10754" class="ax_default" data-left="2776" data-top="1231" data-width="449" data-height="266">

          <!-- Unnamed (矩形) -->
          <div id="u10755" class="ax_default flow_shape">
            <img id="u10755_img" class="img " src="images/用户流程图/u767.svg"/>
            <div id="u10755_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u10756" class="ax_default flow_shape">
            <img id="u10756_img" class="img " src="images/用户流程图/u768.svg"/>
            <div id="u10756_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u10757" class="ax_default flow_shape">
            <div id="u10757_div" class=""></div>
            <div id="u10757_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u10758" class="ax_default flow_shape">
            <img id="u10758_img" class="img " src="images/用户流程图/u770.svg"/>
            <div id="u10758_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u10759" class="ax_default flow_shape">
            <img id="u10759_img" class="img " src="images/用户流程图/u771.svg"/>
            <div id="u10759_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10760" class="ax_default label">
          <div id="u10760_div" class=""></div>
          <div id="u10760_text" class="text ">
            <p><span>java工程师</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10761" class="ax_default label">
          <div id="u10761_div" class=""></div>
          <div id="u10761_text" class="text ">
            <p><span>前端工程师</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10762" class="ax_default label">
          <div id="u10762_div" class=""></div>
          <div id="u10762_text" class="text ">
            <p><span>web前端架构师</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10763" class="ax_default label">
          <div id="u10763_div" class=""></div>
          <div id="u10763_text" class="text ">
            <p><span>Python工程师</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10764" class="ax_default label">
          <div id="u10764_div" class=""></div>
          <div id="u10764_text" class="text ">
            <p><span>Java架构师、技术专家</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10765" class="ax_default" data-left="2762.5" data-top="1865.5" data-width="130.5" data-height="36">

        <!-- Unnamed (矩形) -->
        <div id="u10766" class="ax_default label">
          <div id="u10766_div" class=""></div>
          <div id="u10766_text" class="text ">
            <p><span>榜单</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10767" class="ax_default flow_shape">
          <div id="u10767_div" class=""></div>
          <div id="u10767_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10768" class="ax_default" data-left="2768" data-top="1980" data-width="463" data-height="395">

        <!-- Unnamed (矩形) -->
        <div id="u10769" class="ax_default flow_shape">
          <img id="u10769_img" class="img " src="images/热门课程/u10769.svg"/>
          <div id="u10769_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u10770" class="ax_default icon">
          <img id="u10770_img" class="img " src="images/热门课程/u10770.svg"/>
          <div id="u10770_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10771" class="ax_default button">
          <div id="u10771_div" class=""></div>
          <div id="u10771_text" class="text ">
            <p><span>更多</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u10772" class="ax_default icon">
          <img id="u10772_img" class="img " src="images/热门课程/u10772.svg"/>
          <div id="u10772_text" class="text ">
            <p><span>1</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u10773" class="ax_default icon">
          <img id="u10773_img" class="img " src="images/热门课程/u10773.svg"/>
          <div id="u10773_text" class="text ">
            <p><span>2</span></p>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u10774" class="ax_default icon">
          <img id="u10774_img" class="img " src="images/热门课程/u10774.svg"/>
          <div id="u10774_text" class="text ">
            <p><span>3</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10775" class="ax_default label">
          <div id="u10775_div" class=""></div>
          <div id="u10775_text" class="text ">
            <p><span>java工程师</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10776" class="ax_default label">
          <div id="u10776_div" class=""></div>
          <div id="u10776_text" class="text ">
            <p><span>SpringBoot在线协同办公小程序</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10777" class="ax_default label">
          <div id="u10777_div" class=""></div>
          <div id="u10777_text" class="text ">
            <p><span>迈向高级的java面试突围课 </span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10778" class="ax_default box_2">
          <div id="u10778_div" class=""></div>
          <div id="u10778_text" class="text ">
            <p><span>top10</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10779" class="ax_default" data-left="2759.5" data-top="2469.5" data-width="130.5" data-height="36">

        <!-- Unnamed (矩形) -->
        <div id="u10780" class="ax_default label">
          <div id="u10780_div" class=""></div>
          <div id="u10780_text" class="text ">
            <p><span>进站必学</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10781" class="ax_default flow_shape">
          <div id="u10781_div" class=""></div>
          <div id="u10781_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10782" class="ax_default" data-left="2768" data-top="2578" data-width="586" data-height="200">

        <!-- Unnamed (矩形) -->
        <div id="u10783" class="ax_default flow_shape">
          <img id="u10783_img" class="img " src="images/热门课程/u10783.svg"/>
          <div id="u10783_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10784" class="ax_default label">
          <div id="u10784_div" class=""></div>
          <div id="u10784_text" class="text ">
            <p><span>C语言系统化精讲&nbsp; 重塑你的编程思维</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10785" class="ax_default" data-left="2898" data-top="2736" data-width="89" data-height="42">

          <!-- Unnamed (矩形) -->
          <div id="u10786" class="ax_default label">
            <div id="u10786_div" class=""></div>
            <div id="u10786_text" class="text ">
              <p><span>299</span></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10787" class="ax_default icon">
            <img id="u10787_img" class="img " src="images/热门课程/u10787.svg"/>
            <div id="u10787_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10788" class="ax_default label">
          <div id="u10788_div" class=""></div>
          <div id="u10788_text" class="text ">
            <p><span>3666人学习</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10789" class="ax_default box_2">
          <div id="u10789_div" class=""></div>
          <div id="u10789_text" class="text ">
            <p><span>C</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10790" class="ax_default box_2">
          <div id="u10790_div" class=""></div>
          <div id="u10790_text" class="text ">
            <p><span>思维设计</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10791" class="ax_default" data-left="2768" data-top="2839" data-width="555" data-height="200">

        <!-- Unnamed (矩形) -->
        <div id="u10792" class="ax_default flow_shape">
          <img id="u10792_img" class="img " src="images/热门课程/u10792.svg"/>
          <div id="u10792_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10793" class="ax_default" data-left="2782" data-top="2888" data-width="86" data-height="114">

          <!-- Unnamed (组合) -->
          <div id="u10794" class="ax_default" data-left="2782" data-top="2888" data-width="86" data-height="114">

            <!-- Unnamed (组合) -->
            <div id="u10795" class="ax_default" data-left="2782" data-top="2888" data-width="86" data-height="114">

              <!-- Unnamed (形状) -->
              <div id="u10796" class="ax_default _形状">
                <img id="u10796_img" class="img " src="images/热门课程/u10796.svg"/>
                <div id="u10796_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u10797" class="ax_default" data-left="2808" data-top="2910" data-width="45" data-height="46">

              <!-- Unnamed (圆形) -->
              <div id="u10798" class="ax_default _形状">
                <img id="u10798_img" class="img " src="images/热门课程/u10798.svg"/>
                <div id="u10798_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u10799" class="ax_default _形状">
                <img id="u10799_img" class="img " src="images/热门课程/u10799.svg"/>
                <div id="u10799_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u10800" class="ax_default _形状">
                <img id="u10800_img" class="img " src="images/热门课程/u10800.svg"/>
                <div id="u10800_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u10801" class="ax_default _形状">
                <img id="u10801_img" class="img " src="images/热门课程/u10801.svg"/>
                <div id="u10801_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10802" class="ax_default label">
          <div id="u10802_div" class=""></div>
          <div id="u10802_text" class="text ">
            <p><span>前端框架及项目面试</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10803" class="ax_default label">
          <div id="u10803_div" class=""></div>
          <div id="u10803_text" class="text ">
            <p><span>36人学习</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10804" class="ax_default" data-left="2898" data-top="2988" data-width="89" data-height="42">

          <!-- Unnamed (矩形) -->
          <div id="u10805" class="ax_default label">
            <div id="u10805_div" class=""></div>
            <div id="u10805_text" class="text ">
              <p><span>399</span></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10806" class="ax_default icon">
            <img id="u10806_img" class="img " src="images/热门课程/u10787.svg"/>
            <div id="u10806_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10807" class="ax_default box_2">
          <div id="u10807_div" class=""></div>
          <div id="u10807_text" class="text ">
            <p><span>前端</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10808" class="ax_default box_2">
          <div id="u10808_div" class=""></div>
          <div id="u10808_text" class="text ">
            <p><span>实战</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10809" class="ax_default" data-left="2768" data-top="3118" data-width="596" data-height="200">

        <!-- Unnamed (矩形) -->
        <div id="u10810" class="ax_default flow_shape">
          <img id="u10810_img" class="img " src="images/热门课程/u10810.svg"/>
          <div id="u10810_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10811" class="ax_default" data-left="2782" data-top="3161" data-width="86" data-height="114">

          <!-- Unnamed (组合) -->
          <div id="u10812" class="ax_default" data-left="2782" data-top="3161" data-width="86" data-height="114">

            <!-- Unnamed (组合) -->
            <div id="u10813" class="ax_default" data-left="2782" data-top="3161" data-width="86" data-height="114">

              <!-- Unnamed (形状) -->
              <div id="u10814" class="ax_default _形状">
                <img id="u10814_img" class="img " src="images/热门课程/u10814.svg"/>
                <div id="u10814_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10815" class="ax_default icon">
            <img id="u10815_img" class="img " src="images/热门课程/u10815.svg"/>
            <div id="u10815_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10816" class="ax_default label">
          <div id="u10816_div" class=""></div>
          <div id="u10816_text" class="text ">
            <p><span>Android应用程序构建实战＋原理精讲&nbsp; &nbsp; &nbsp; </span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10817" class="ax_default label">
          <div id="u10817_div" class=""></div>
          <div id="u10817_text" class="text ">
            <p><span>368人学习</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10818" class="ax_default" data-left="2903" data-top="3263" data-width="89" data-height="42">

          <!-- Unnamed (矩形) -->
          <div id="u10819" class="ax_default label">
            <div id="u10819_div" class=""></div>
            <div id="u10819_text" class="text ">
              <p><span>199</span></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10820" class="ax_default icon">
            <img id="u10820_img" class="img " src="images/热门课程/u10787.svg"/>
            <div id="u10820_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10821" class="ax_default box_2">
          <div id="u10821_div" class=""></div>
          <div id="u10821_text" class="text ">
            <p><span>Android</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10822" class="ax_default box_2">
          <div id="u10822_div" class=""></div>
          <div id="u10822_text" class="text ">
            <p><span>实战</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10823" class="ax_default box_2">
          <div id="u10823_div" class=""></div>
          <div id="u10823_text" class="text ">
            <p><span>精品</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10824" class="ax_default" data-left="2782" data-top="2621" data-width="86" data-height="114">

        <!-- Unnamed (形状) -->
        <div id="u10825" class="ax_default _形状">
          <img id="u10825_img" class="img " src="images/热门课程/u10825.svg"/>
          <div id="u10825_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10826" class="ax_default label">
          <div id="u10826_div" class=""></div>
          <div id="u10826_text" class="text ">
            <p><span>c</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10827" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10828" class="ax_default" data-left="4326" data-top="1392" data-width="525" data-height="117">

        <!-- Unnamed (组合) -->
        <div id="u10829" class="ax_default" data-left="4491" data-top="1392" data-width="360" data-height="117">

          <!-- Unnamed (组合) -->
          <div id="u10830" class="ax_default" data-left="4679" data-top="1463" data-width="91" data-height="38">

            <!-- Unnamed (矩形) -->
            <div id="u10831" class="ax_default button">
              <div id="u10831_div" class=""></div>
              <div id="u10831_text" class="text ">
                <p><span>加入计划</span></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u10832" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u10833" class="ax_default label">
            <div id="u10833_div" class=""></div>
            <div id="u10833_text" class="text ">
              <p><span>TED演讲</span></p>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u10834" class="ax_default" data-left="4491" data-top="1467" data-width="123" data-height="42">

            <!-- Unnamed (矩形) -->
            <div id="u10835" class="ax_default label">
              <div id="u10835_div" class=""></div>
              <div id="u10835_text" class="text ">
                <p><span>89</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u10836" class="ax_default icon">
              <img id="u10836_img" class="img " src="images/课程/u1992.svg"/>
              <div id="u10836_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u10837" class="ax_default label">
            <div id="u10837_div" class=""></div>
            <div id="u10837_text" class="text ">
              <p><span>3666人学习</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u10838" class="ax_default _图片_">
          <img id="u10838_img" class="img " src="images/课程/u1994.svg"/>
          <div id="u10838_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10839" class="ax_default" data-left="5208" data-top="1262" data-width="525" data-height="113">

        <!-- Unnamed (组合) -->
        <div id="u10840" class="ax_default" data-left="5373" data-top="1262" data-width="360" data-height="113">

          <!-- Unnamed (组合) -->
          <div id="u10841" class="ax_default" data-left="5561" data-top="1330" data-width="91" data-height="36">

            <!-- Unnamed (矩形) -->
            <div id="u10842" class="ax_default button">
              <div id="u10842_div" class=""></div>
              <div id="u10842_text" class="text ">
                <p><span>加入计划</span></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u10843" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u10844" class="ax_default label">
            <div id="u10844_div" class=""></div>
            <div id="u10844_text" class="text ">
              <p><span>产品经理实战</span></p>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u10845" class="ax_default" data-left="5373" data-top="1334" data-width="123" data-height="41">

            <!-- Unnamed (矩形) -->
            <div id="u10846" class="ax_default label">
              <div id="u10846_div" class=""></div>
              <div id="u10846_text" class="text ">
                <p><span>1399</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u10847" class="ax_default icon">
              <img id="u10847_img" class="img " src="images/课程/u2015.svg"/>
              <div id="u10847_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u10848" class="ax_default label">
            <div id="u10848_div" class=""></div>
            <div id="u10848_text" class="text ">
              <p><span>3666人学习</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u10849" class="ax_default _图片_">
          <img id="u10849_img" class="img " src="images/课程/u2017.svg"/>
          <div id="u10849_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10850" class="ax_default" data-left="5991" data-top="1244" data-width="525" data-height="113">

        <!-- Unnamed (组合) -->
        <div id="u10851" class="ax_default" data-left="6156" data-top="1244" data-width="360" data-height="113">

          <!-- Unnamed (组合) -->
          <div id="u10852" class="ax_default" data-left="6344" data-top="1312" data-width="91" data-height="36">

            <!-- Unnamed (矩形) -->
            <div id="u10853" class="ax_default button">
              <div id="u10853_div" class=""></div>
              <div id="u10853_text" class="text ">
                <p><span>加入计划</span></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u10854" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u10855" class="ax_default label">
            <div id="u10855_div" class=""></div>
            <div id="u10855_text" class="text ">
              <p><span>python语言实战</span></p>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u10856" class="ax_default" data-left="6156" data-top="1316" data-width="123" data-height="41">

            <!-- Unnamed (矩形) -->
            <div id="u10857" class="ax_default label">
              <div id="u10857_div" class=""></div>
              <div id="u10857_text" class="text ">
                <p><span>1599</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u10858" class="ax_default icon">
              <img id="u10858_img" class="img " src="images/课程/u2015.svg"/>
              <div id="u10858_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u10859" class="ax_default label">
            <div id="u10859_div" class=""></div>
            <div id="u10859_text" class="text ">
              <p><span>3666人学习</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u10860" class="ax_default _图片_">
          <img id="u10860_img" class="img " src="images/课程/u2065.svg"/>
          <div id="u10860_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10861" class="ax_default" data-left="3538" data-top="1244" data-width="521" data-height="122">

        <!-- Unnamed (组合) -->
        <div id="u10862" class="ax_default" data-left="3699" data-top="1244" data-width="360" data-height="122">

          <!-- Unnamed (组合) -->
          <div id="u10863" class="ax_default" data-left="3887" data-top="1319" data-width="91" data-height="40">

            <!-- Unnamed (矩形) -->
            <div id="u10864" class="ax_default button">
              <div id="u10864_div" class=""></div>
              <div id="u10864_text" class="text ">
                <p><span>加入计划</span></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u10865" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u10866" class="ax_default label">
            <div id="u10866_div" class=""></div>
            <div id="u10866_text" class="text ">
              <p><span>python语言实战</span></p>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u10867" class="ax_default" data-left="3699" data-top="1324" data-width="123" data-height="42">

            <!-- Unnamed (矩形) -->
            <div id="u10868" class="ax_default label">
              <div id="u10868_div" class=""></div>
              <div id="u10868_text" class="text ">
                <p><span>0</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u10869" class="ax_default icon">
              <img id="u10869_img" class="img " src="images/课程/u1965.svg"/>
              <div id="u10869_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u10870" class="ax_default label">
            <div id="u10870_div" class=""></div>
            <div id="u10870_text" class="text ">
              <p><span>3666人学习</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u10871" class="ax_default _图片_">
          <img id="u10871_img" class="img " src="images/课程/u1967.svg"/>
          <div id="u10871_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10872" class="ax_default" data-left="4330" data-top="1244" data-width="521" data-height="110">

        <!-- Unnamed (组合) -->
        <div id="u10873" class="ax_default" data-left="4491" data-top="1244" data-width="360" data-height="110">

          <!-- Unnamed (组合) -->
          <div id="u10874" class="ax_default" data-left="4491" data-top="1244" data-width="360" data-height="110">

            <!-- Unnamed (组合) -->
            <div id="u10875" class="ax_default" data-left="4679" data-top="1309" data-width="91" data-height="35">

              <!-- Unnamed (矩形) -->
              <div id="u10876" class="ax_default button">
                <div id="u10876_div" class=""></div>
                <div id="u10876_text" class="text ">
                  <p><span>加入计划</span></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u10877" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u10878" class="ax_default label">
              <div id="u10878_div" class=""></div>
              <div id="u10878_text" class="text ">
                <p><span>web网页设计</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u10879" class="ax_default" data-left="4491" data-top="1314" data-width="123" data-height="40">

              <!-- Unnamed (矩形) -->
              <div id="u10880" class="ax_default label">
                <div id="u10880_div" class=""></div>
                <div id="u10880_text" class="text ">
                  <p><span>299</span></p>
                </div>
              </div>

              <!-- Unnamed (形状) -->
              <div id="u10881" class="ax_default icon">
                <img id="u10881_img" class="img " src="images/课程/u2004.svg"/>
                <div id="u10881_text" class="text " style="display:none; visibility: hidden">
                  <p></p>
                </div>
              </div>
            </div>

            <!-- Unnamed (矩形) -->
            <div id="u10882" class="ax_default label">
              <div id="u10882_div" class=""></div>
              <div id="u10882_text" class="text ">
                <p><span>3666人学习</span></p>
              </div>
            </div>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u10883" class="ax_default _图片_">
          <img id="u10883_img" class="img " src="images/课程/u2006.svg"/>
          <div id="u10883_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10884" class="ax_default" data-left="3538" data-top="1395" data-width="521" data-height="122">

        <!-- Unnamed (组合) -->
        <div id="u10885" class="ax_default" data-left="3699" data-top="1395" data-width="360" data-height="122">

          <!-- Unnamed (组合) -->
          <div id="u10886" class="ax_default" data-left="3887" data-top="1470" data-width="91" data-height="40">

            <!-- Unnamed (矩形) -->
            <div id="u10887" class="ax_default button">
              <div id="u10887_div" class=""></div>
              <div id="u10887_text" class="text ">
                <p><span>加入计划</span></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u10888" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u10889" class="ax_default label">
            <div id="u10889_div" class=""></div>
            <div id="u10889_text" class="text ">
              <p><span>国际英语</span></p>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u10890" class="ax_default" data-left="3699" data-top="1475" data-width="123" data-height="42">

            <!-- Unnamed (矩形) -->
            <div id="u10891" class="ax_default label">
              <div id="u10891_div" class=""></div>
              <div id="u10891_text" class="text ">
                <p><span>0</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u10892" class="ax_default icon">
              <img id="u10892_img" class="img " src="images/课程/u1965.svg"/>
              <div id="u10892_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u10893" class="ax_default label">
            <div id="u10893_div" class=""></div>
            <div id="u10893_text" class="text ">
              <p><span>3666人学习</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u10894" class="ax_default _图片_">
          <img id="u10894_img" class="img " src="images/课程/u1978.svg"/>
          <div id="u10894_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10895" class="ax_default" data-left="5208" data-top="1400" data-width="521" data-height="122">

        <!-- Unnamed (组合) -->
        <div id="u10896" class="ax_default" data-left="5369" data-top="1400" data-width="360" data-height="122">

          <!-- Unnamed (组合) -->
          <div id="u10897" class="ax_default" data-left="5557" data-top="1475" data-width="91" data-height="40">

            <!-- Unnamed (矩形) -->
            <div id="u10898" class="ax_default button">
              <div id="u10898_div" class=""></div>
              <div id="u10898_text" class="text ">
                <p><span>加入计划</span></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u10899" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u10900" class="ax_default label">
            <div id="u10900_div" class=""></div>
            <div id="u10900_text" class="text ">
              <p><span>原画课程</span></p>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u10901" class="ax_default" data-left="5369" data-top="1480" data-width="123" data-height="42">

            <!-- Unnamed (矩形) -->
            <div id="u10902" class="ax_default label">
              <div id="u10902_div" class=""></div>
              <div id="u10902_text" class="text ">
                <p><span>1299</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u10903" class="ax_default icon">
              <img id="u10903_img" class="img " src="images/课程/u1965.svg"/>
              <div id="u10903_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u10904" class="ax_default label">
            <div id="u10904_div" class=""></div>
            <div id="u10904_text" class="text ">
              <p><span>3666人学习</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u10905" class="ax_default _图片_">
          <img id="u10905_img" class="img " src="images/课程/u2052.svg"/>
          <div id="u10905_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10906" class="ax_default" data-left="5991" data-top="1405" data-width="521" data-height="122">

        <!-- Unnamed (组合) -->
        <div id="u10907" class="ax_default" data-left="6152" data-top="1405" data-width="360" data-height="122">

          <!-- Unnamed (组合) -->
          <div id="u10908" class="ax_default" data-left="6340" data-top="1480" data-width="91" data-height="40">

            <!-- Unnamed (矩形) -->
            <div id="u10909" class="ax_default button">
              <div id="u10909_div" class=""></div>
              <div id="u10909_text" class="text ">
                <p><span>加入计划</span></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u10910" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u10911" class="ax_default label">
            <div id="u10911_div" class=""></div>
            <div id="u10911_text" class="text ">
              <p><span>java语言初级教学</span></p>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u10912" class="ax_default" data-left="6152" data-top="1485" data-width="123" data-height="42">

            <!-- Unnamed (矩形) -->
            <div id="u10913" class="ax_default label">
              <div id="u10913_div" class=""></div>
              <div id="u10913_text" class="text ">
                <p><span>1399</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u10914" class="ax_default icon">
              <img id="u10914_img" class="img " src="images/课程/u1965.svg"/>
              <div id="u10914_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u10915" class="ax_default label">
            <div id="u10915_div" class=""></div>
            <div id="u10915_text" class="text ">
              <p><span>3666人学习</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u10916" class="ax_default _图片_">
          <img id="u10916_img" class="img " src="images/课程/u2028.svg"/>
          <div id="u10916_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u10917" class="ax_default arrow">
        <img id="u10917_img" class="img " src="images/热门课程/u10917.svg"/>
        <div id="u10917_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10918" class="ax_default label">
        <div id="u10918_div" class=""></div>
        <div id="u10918_text" class="text ">
          <p><span>点击进入细分课程界面</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10919" class="ax_default" data-left="1524" data-top="583" data-width="586" data-height="1143">

        <!-- Unnamed (组合) -->
        <div id="u10920" class="ax_default" data-left="1554" data-top="1578" data-width="495" data-height="90">

          <!-- Unnamed (矩形) -->
          <div id="u10921" class="ax_default box_1">
            <div id="u10921_div" class=""></div>
            <div id="u10921_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10922" class="ax_default" data-left="1575" data-top="1631" data-width="70" data-height="24">

          <!-- Unnamed (矩形) -->
          <div id="u10923" class="ax_default label">
            <div id="u10923_div" class=""></div>
            <div id="u10923_text" class="text ">
              <p><span>就业</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10924" class="ax_default" data-left="1592" data-top="1595" data-width="33" data-height="33">

          <!-- Unnamed (形状) -->
          <div id="u10925" class="ax_default _形状">
            <img id="u10925_img" class="img " src="images/用户流程图/u695.svg"/>
            <div id="u10925_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10926" class="ax_default _形状">
            <img id="u10926_img" class="img " src="images/元件/u7.svg"/>
            <div id="u10926_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10927" class="ax_default _形状">
            <img id="u10927_img" class="img " src="images/用户流程图/u697.svg"/>
            <div id="u10927_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10928" class="ax_default" data-left="1690" data-top="1595" data-width="53" data-height="60">

          <!-- Unnamed (组合) -->
          <div id="u10929" class="ax_default" data-left="1690" data-top="1631" data-width="53" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u10930" class="ax_default label">
              <div id="u10930_div" class=""></div>
              <div id="u10930_text" class="text ">
                <p><span>课程</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u10931" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u10932" class="ax_default" data-left="1690" data-top="1595" data-width="33" data-height="33">

            <!-- Unnamed (形状) -->
            <div id="u10933" class="ax_default _形状">
              <img id="u10933_img" class="img " src="images/用户流程图/u703.svg"/>
              <div id="u10933_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u10934" class="ax_default _形状">
              <img id="u10934_img" class="img " src="images/用户流程图/u704.svg"/>
              <div id="u10934_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10935" class="ax_default" data-left="1886" data-top="1600" data-width="48" data-height="55">

          <!-- Unnamed (组合) -->
          <div id="u10936" class="ax_default" data-left="1888" data-top="1631" data-width="46" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u10937" class="ax_default label">
              <div id="u10937_div" class=""></div>
              <div id="u10937_text" class="text ">
                <p><span>资讯</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u10938" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10939" class="ax_default icon">
            <img id="u10939_img" class="img " src="images/元件/u20.svg"/>
            <div id="u10939_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10940" class="ax_default" data-left="1788" data-top="1595" data-width="52" data-height="60">

          <!-- Unnamed (组合) -->
          <div id="u10941" class="ax_default" data-left="1788" data-top="1631" data-width="52" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u10942" class="ax_default label">
              <div id="u10942_div" class=""></div>
              <div id="u10942_text" class="text ">
                <p><span>社群</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u10943" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10944" class="ax_default icon">
            <img id="u10944_img" class="img " src="images/元件/u25.svg"/>
            <div id="u10944_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10945" class="ax_default" data-left="1982" data-top="1595" data-width="53" data-height="60">

          <!-- Unnamed (组合) -->
          <div id="u10946" class="ax_default" data-left="1982" data-top="1631" data-width="53" data-height="24">

            <!-- Unnamed (矩形) -->
            <div id="u10947" class="ax_default label">
              <div id="u10947_div" class=""></div>
              <div id="u10947_text" class="text ">
                <p><span>我的</span></p>
              </div>
            </div>

            <!-- Unnamed (组合) -->
            <div id="u10948" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10949" class="ax_default icon">
            <img id="u10949_img" class="img " src="images/元件/u30.svg"/>
            <div id="u10949_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10950" class="ax_default" data-left="1524" data-top="583" data-width="586" data-height="1143">

          <!-- Unnamed (矩形) -->
          <div id="u10951" class="ax_default _默认样式">
            <div id="u10951_div" class=""></div>
            <div id="u10951_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u10952" class="ax_default image">
            <img id="u10952_img" class="img " src="images/元件/u33.png"/>
            <div id="u10952_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u10953" class="ax_default image">
            <img id="u10953_img" class="img " src="images/元件/u34.png"/>
            <div id="u10953_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u10954" class="ax_default image">
            <img id="u10954_img" class="img " src="images/元件/u35.png"/>
            <div id="u10954_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (图片 ) -->
          <div id="u10955" class="ax_default image">
            <img id="u10955_img" class="img " src="images/元件/u36.png"/>
            <div id="u10955_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10956" class="ax_default" data-left="1840" data-top="620" data-width="79" data-height="15">

          <!-- Unnamed (图片 ) -->
          <div id="u10957" class="ax_default image1">
            <img id="u10957_img" class="img " src="images/元件/u38.png"/>
            <div id="u10957_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10958" class="ax_default icon">
            <img id="u10958_img" class="img " src="images/元件/u39.svg"/>
            <div id="u10958_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10959" class="ax_default icon">
            <img id="u10959_img" class="img " src="images/元件/u40.svg"/>
            <div id="u10959_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u10960" class="ax_default label">
          <div id="u10960_div" class=""></div>
          <div id="u10960_text" class="text ">
            <p><span>7:00</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u10961" class="ax_default" data-left="1945" data-top="628" data-width="79" data-height="15">

          <!-- Unnamed (图片 ) -->
          <div id="u10962" class="ax_default image1">
            <img id="u10962_img" class="img " src="images/元件/u38.png"/>
            <div id="u10962_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10963" class="ax_default icon">
            <img id="u10963_img" class="img " src="images/元件/u39.svg"/>
            <div id="u10963_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u10964" class="ax_default icon">
            <img id="u10964_img" class="img " src="images/元件/u40.svg"/>
            <div id="u10964_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10965" class="ax_default box_1">
        <img id="u10965_img" class="img " src="images/用户流程图/u735.svg"/>
        <div id="u10965_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10966" class="ax_default box_1">
        <div id="u10966_div" class=""></div>
        <div id="u10966_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (图片 ) -->
      <div id="u10967" class="ax_default _图片">
        <img id="u10967_img" class="img " src="images/元件/u49.png"/>
        <div id="u10967_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u10968" class="ax_default icon">
        <img id="u10968_img" class="img " src="images/用户流程图/u738.svg"/>
        <div id="u10968_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u10969" class="ax_default box_1">
        <div id="u10969_div" class=""></div>
        <div id="u10969_text" class="text ">
          <p><span>java 精品课</span></p>
        </div>
      </div>

      <!-- Unnamed (文本框) -->
      <div id="u10970" class="ax_default text_field">
        <div id="u10970_div" class=""></div>
        <input id="u10970_input" type="text" value="Search" class="u10970_input"/>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10971" class="ax_default" data-left="1575" data-top="923" data-width="521" data-height="122">

        <!-- Unnamed (组合) -->
        <div id="u10972" class="ax_default" data-left="1736" data-top="923" data-width="360" data-height="122">

          <!-- Unnamed (组合) -->
          <div id="u10973" class="ax_default" data-left="1924" data-top="998" data-width="91" data-height="40">

            <!-- Unnamed (矩形) -->
            <div id="u10974" class="ax_default button">
              <div id="u10974_div" class=""></div>
              <div id="u10974_text" class="text ">
                <p><span>加入计划</span></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u10975" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u10976" class="ax_default label">
            <div id="u10976_div" class=""></div>
            <div id="u10976_text" class="text ">
              <p><span>java初级课程</span></p>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u10977" class="ax_default" data-left="1736" data-top="1003" data-width="123" data-height="42">

            <!-- Unnamed (矩形) -->
            <div id="u10978" class="ax_default label">
              <div id="u10978_div" class=""></div>
              <div id="u10978_text" class="text ">
                <p><span>799</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u10979" class="ax_default icon">
              <img id="u10979_img" class="img " src="images/课程/u1965.svg"/>
              <div id="u10979_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u10980" class="ax_default label">
            <div id="u10980_div" class=""></div>
            <div id="u10980_text" class="text ">
              <p><span>3666人学习</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u10981" class="ax_default _图片_">
          <img id="u10981_img" class="img " src="images/课程/u2028.svg"/>
          <div id="u10981_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10982" class="ax_default" data-left="1575" data-top="1069" data-width="521" data-height="122">

        <!-- Unnamed (组合) -->
        <div id="u10983" class="ax_default" data-left="1736" data-top="1069" data-width="360" data-height="122">

          <!-- Unnamed (组合) -->
          <div id="u10984" class="ax_default" data-left="1924" data-top="1144" data-width="91" data-height="40">

            <!-- Unnamed (矩形) -->
            <div id="u10985" class="ax_default button">
              <div id="u10985_div" class=""></div>
              <div id="u10985_text" class="text ">
                <p><span>加入计划</span></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u10986" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u10987" class="ax_default label">
            <div id="u10987_div" class=""></div>
            <div id="u10987_text" class="text ">
              <p><span>Java进阶课程</span></p>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u10988" class="ax_default" data-left="1736" data-top="1149" data-width="123" data-height="42">

            <!-- Unnamed (矩形) -->
            <div id="u10989" class="ax_default label">
              <div id="u10989_div" class=""></div>
              <div id="u10989_text" class="text ">
                <p><span>1099</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u10990" class="ax_default icon">
              <img id="u10990_img" class="img " src="images/课程/u1965.svg"/>
              <div id="u10990_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u10991" class="ax_default label">
            <div id="u10991_div" class=""></div>
            <div id="u10991_text" class="text ">
              <p><span>3666人学习</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u10992" class="ax_default _图片_">
          <img id="u10992_img" class="img " src="images/热门课程/u10992.svg"/>
          <div id="u10992_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (形状) -->
      <div id="u10993" class="ax_default icon">
        <img id="u10993_img" class="img " src="images/热门课程/u10993.svg"/>
        <div id="u10993_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u10994" class="ax_default" data-left="1575" data-top="1225" data-width="521" data-height="122">

        <!-- Unnamed (组合) -->
        <div id="u10995" class="ax_default" data-left="1736" data-top="1225" data-width="360" data-height="122">

          <!-- Unnamed (组合) -->
          <div id="u10996" class="ax_default" data-left="1924" data-top="1300" data-width="91" data-height="40">

            <!-- Unnamed (矩形) -->
            <div id="u10997" class="ax_default button">
              <div id="u10997_div" class=""></div>
              <div id="u10997_text" class="text ">
                <p><span>加入计划</span></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u10998" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u10999" class="ax_default label">
            <div id="u10999_div" class=""></div>
            <div id="u10999_text" class="text ">
              <p><span>Java语言设计</span></p>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u11000" class="ax_default" data-left="1736" data-top="1305" data-width="123" data-height="42">

            <!-- Unnamed (矩形) -->
            <div id="u11001" class="ax_default label">
              <div id="u11001_div" class=""></div>
              <div id="u11001_text" class="text ">
                <p><span>1399</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u11002" class="ax_default icon">
              <img id="u11002_img" class="img " src="images/课程/u1965.svg"/>
              <div id="u11002_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u11003" class="ax_default label">
            <div id="u11003_div" class=""></div>
            <div id="u11003_text" class="text ">
              <p><span>3666人学习</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u11004" class="ax_default _图片_">
          <img id="u11004_img" class="img " src="images/热门课程/u11004.svg"/>
          <div id="u11004_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u11005" class="ax_default" data-left="1575" data-top="1377" data-width="521" data-height="122">

        <!-- Unnamed (组合) -->
        <div id="u11006" class="ax_default" data-left="1736" data-top="1377" data-width="360" data-height="122">

          <!-- Unnamed (组合) -->
          <div id="u11007" class="ax_default" data-left="1924" data-top="1452" data-width="91" data-height="40">

            <!-- Unnamed (矩形) -->
            <div id="u11008" class="ax_default button">
              <div id="u11008_div" class=""></div>
              <div id="u11008_text" class="text ">
                <p><span>加入计划</span></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u11009" class="ax_default" data-left="0" data-top="0" data-width="0" data-height="0">
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u11010" class="ax_default label">
            <div id="u11010_div" class=""></div>
            <div id="u11010_text" class="text ">
              <p><span>Java核心技术</span></p>
            </div>
          </div>

          <!-- Unnamed (组合) -->
          <div id="u11011" class="ax_default" data-left="1736" data-top="1457" data-width="123" data-height="42">

            <!-- Unnamed (矩形) -->
            <div id="u11012" class="ax_default label">
              <div id="u11012_div" class=""></div>
              <div id="u11012_text" class="text ">
                <p><span>999</span></p>
              </div>
            </div>

            <!-- Unnamed (形状) -->
            <div id="u11013" class="ax_default icon">
              <img id="u11013_img" class="img " src="images/课程/u1965.svg"/>
              <div id="u11013_text" class="text " style="display:none; visibility: hidden">
                <p></p>
              </div>
            </div>
          </div>

          <!-- Unnamed (矩形) -->
          <div id="u11014" class="ax_default label">
            <div id="u11014_div" class=""></div>
            <div id="u11014_text" class="text ">
              <p><span>3666人学习</span></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (图片 ) -->
        <div id="u11015" class="ax_default _图片_">
          <img id="u11015_img" class="img " src="images/热门课程/u11015.svg"/>
          <div id="u11015_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (垂直线) -->
      <div id="u11016" class="ax_default arrow">
        <img id="u11016_img" class="img " src="images/热门课程/u11016.svg"/>
        <div id="u11016_text" class="text " style="display:none; visibility: hidden">
          <p></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u11017" class="ax_default label">
        <div id="u11017_div" class=""></div>
        <div id="u11017_text" class="text ">
          <p><span>屏幕向下滑动继续跳出以下界面</span></p>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u11018" class="ax_default" data-left="2759.5" data-top="3410.5" data-width="130.5" data-height="36">

        <!-- Unnamed (矩形) -->
        <div id="u11019" class="ax_default label">
          <div id="u11019_div" class=""></div>
          <div id="u11019_text" class="text ">
            <p><span>新上好课</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u11020" class="ax_default flow_shape">
          <div id="u11020_div" class=""></div>
          <div id="u11020_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u11021" class="ax_default" data-left="2768" data-top="3538" data-width="570" data-height="200">

        <!-- Unnamed (矩形) -->
        <div id="u11022" class="ax_default flow_shape">
          <div id="u11022_div" class=""></div>
          <div id="u11022_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u11023" class="ax_default label">
          <div id="u11023_div" class=""></div>
          <div id="u11023_text" class="text ">
            <p><span>算法面试专题课</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u11024" class="ax_default label">
          <div id="u11024_div" class=""></div>
          <div id="u11024_text" class="text ">
            <p><span>368人学习</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u11025" class="ax_default" data-left="2984" data-top="3683" data-width="89" data-height="42">

          <!-- Unnamed (矩形) -->
          <div id="u11026" class="ax_default label">
            <div id="u11026_div" class=""></div>
            <div id="u11026_text" class="text ">
              <p><span>199</span></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u11027" class="ax_default icon">
            <img id="u11027_img" class="img " src="images/热门课程/u10787.svg"/>
            <div id="u11027_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (形状) -->
        <div id="u11028" class="ax_default _形状">
          <img id="u11028_img" class="img " src="images/热门课程/u11028.svg"/>
          <div id="u11028_text" class="text " style="display:none; visibility: hidden">
            <p></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u11029" class="ax_default primary_button">
          <div id="u11029_div" class=""></div>
          <div id="u11029_text" class="text ">
            <p><span>限时优惠</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u11030" class="ax_default box_2">
          <div id="u11030_div" class=""></div>
          <div id="u11030_text" class="text ">
            <p><span>Google算法工程师 </span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u11031" class="ax_default" data-left="2768" data-top="3810" data-width="570" data-height="200">

        <!-- Unnamed (矩形) -->
        <div id="u11032" class="ax_default flow_shape">
          <div id="u11032_div" class=""></div>
          <div id="u11032_text" class="text ">
            <p><span>java</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u11033" class="ax_default label">
          <div id="u11033_div" class=""></div>
          <div id="u11033_text" class="text ">
            <p><span>迈向高级的java面试突围</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u11034" class="ax_default label">
          <div id="u11034_div" class=""></div>
          <div id="u11034_text" class="text ">
            <p><span>368人学习</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u11035" class="ax_default" data-left="2984" data-top="3950" data-width="89" data-height="42">

          <!-- Unnamed (矩形) -->
          <div id="u11036" class="ax_default label">
            <div id="u11036_div" class=""></div>
            <div id="u11036_text" class="text ">
              <p><span>199</span></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u11037" class="ax_default icon">
            <img id="u11037_img" class="img " src="images/热门课程/u10787.svg"/>
            <div id="u11037_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u11038" class="ax_default primary_button">
          <div id="u11038_div" class=""></div>
          <div id="u11038_text" class="text ">
            <p><span>限时优惠</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u11039" class="ax_default box_2">
          <div id="u11039_div" class=""></div>
          <div id="u11039_text" class="text ">
            <p><span>神思者</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u11040" class="ax_default box_2">
          <div id="u11040_div" class=""></div>
          <div id="u11040_text" class="text ">
            <p><span>技术总监</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (组合) -->
      <div id="u11041" class="ax_default" data-left="2768" data-top="4068" data-width="570" data-height="200">

        <!-- Unnamed (矩形) -->
        <div id="u11042" class="ax_default flow_shape">
          <img id="u11042_img" class="img " src="images/热门课程/u10810.svg"/>
          <div id="u11042_text" class="text ">
            <p><span>C</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u11043" class="ax_default label">
          <div id="u11043_div" class=""></div>
          <div id="u11043_text" class="text ">
            <p><span>C语言程序进阶</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u11044" class="ax_default label">
          <div id="u11044_div" class=""></div>
          <div id="u11044_text" class="text ">
            <p><span>368人学习</span></p>
          </div>
        </div>

        <!-- Unnamed (组合) -->
        <div id="u11045" class="ax_default" data-left="2984" data-top="4216" data-width="77" data-height="42">

          <!-- Unnamed (矩形) -->
          <div id="u11046" class="ax_default label">
            <div id="u11046_div" class=""></div>
            <div id="u11046_text" class="text ">
              <p><span>199</span></p>
            </div>
          </div>

          <!-- Unnamed (形状) -->
          <div id="u11047" class="ax_default icon">
            <img id="u11047_img" class="img " src="images/热门课程/u10787.svg"/>
            <div id="u11047_text" class="text " style="display:none; visibility: hidden">
              <p></p>
            </div>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u11048" class="ax_default primary_button">
          <div id="u11048_div" class=""></div>
          <div id="u11048_text" class="text ">
            <p><span>限时优惠</span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u11049" class="ax_default box_2">
          <div id="u11049_div" class=""></div>
          <div id="u11049_text" class="text ">
            <p><span>C+ </span></p>
          </div>
        </div>

        <!-- Unnamed (矩形) -->
        <div id="u11050" class="ax_default box_2">
          <div id="u11050_div" class=""></div>
          <div id="u11050_text" class="text ">
            <p><span>名校名师</span></p>
          </div>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u11051" class="ax_default label">
        <div id="u11051_div" class=""></div>
        <div id="u11051_text" class="text ">
          <p style="font-size:48px;"><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;">精品体系课程界面</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">1.顶部左侧为返回元件</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">2.界面剩下部分为课程介绍页面</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u11052" class="ax_default label">
        <div id="u11052_div" class=""></div>
        <div id="u11052_text" class="text ">
          <p style="font-size:48px;"><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;">推荐课程-推荐界面</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">1.顶部为搜索栏，可以使用关键词搜索到app里的所有课程</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">2.顶部相机元件的功能为扫码</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">3.然后为推荐课程和已学课程的按钮互换</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">4.然后是根据课程的属性设置的按钮，分别是推荐、免费、实战、金职位、专栏，点进去的页面对应不同属性的课程</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">5.轮播图展示的是热门课程，展示逻辑为近三天内全&nbsp; app点击量和播放量最高的课程以及每天的新课程推荐，数量为 5个</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">6.界面最下方为精品体系课，继续向下方滑动则是课程榜单、进站必学课程以及新上好课。</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u11053" class="ax_default label">
        <div id="u11053_div" class=""></div>
        <div id="u11053_text" class="text ">
          <p style="font-size:48px;"><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;">推荐课程-免费界面</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">1.顶部为搜索栏，可以使用关键词搜索到app里的所有课程</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">2.顶部相机元件的功能为扫码</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">3.然后为推荐课程和已学课程的按钮互换</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">4.然后是根据课程的属性设置的按钮，分别是推荐、免费、实战、金职位、专栏，点进去的页面对应不同属性的课程，免费按钮下方高亮</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">5.轮播图展示的是热门课程，展示逻辑为近三天内全&nbsp; app点击量和播放量最高的课程以及每天的新课程推荐，数量为 5个</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">6.界面最下方为免费课程</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u11054" class="ax_default label">
        <div id="u11054_div" class=""></div>
        <div id="u11054_text" class="text ">
          <p style="font-size:48px;"><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;">推荐课程-实战界面</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">1.顶部为搜索栏，可以使用关键词搜索到app里的所有课程</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">2.顶部相机元件的功能为扫码</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">3.然后为推荐课程和已学课程的按钮互换</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">4.然后是根据课程的属性设置的按钮，分别是推荐、免费、实战、金职位、专栏，点进去的页面对应不同属性的课程，实战按钮下方高亮</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">5.轮播图展示的是热门课程，展示逻辑为近三天内全&nbsp; app点击量和播放量最高的课程以及每天的新课程推荐，数量为 5个</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">6.界面最下方为实战课程，实战课程跟你你的求职意向进行推荐</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u11055" class="ax_default label">
        <div id="u11055_div" class=""></div>
        <div id="u11055_text" class="text ">
          <p style="font-size:48px;"><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;">推荐课程-实战界面</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">1.顶部为搜索栏，可以使用关键词搜索到app里的所有课程</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">2.顶部相机元件的功能为扫码</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">3.然后为推荐课程和已学课程的按钮互换</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">4.然后是根据课程的属性设置的按钮，分别是推荐、免费、实战、金职位、专栏，点进去的页面对应不同属性的课程，金职位按钮下方高亮</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">5.轮播图展示的是热门课程，展示逻辑为近三天内全&nbsp; app点击量和播放量最高的课程以及每天的新课程推荐，数量为 5个</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">6.界面最下方为金职位课程，课程根据你的职位意向推荐</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p>
        </div>
      </div>

      <!-- Unnamed (矩形) -->
      <div id="u11056" class="ax_default label">
        <div id="u11056_div" class=""></div>
        <div id="u11056_text" class="text ">
          <p style="font-size:48px;"><span style="font-family:'Arial Negreta', 'Arial Normal', 'Arial', sans-serif;font-weight:700;">推荐课程-专栏界面</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">1.顶部为搜索栏，可以使用关键词搜索到app里的所有课程</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">2.顶部相机元件的功能为扫码</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">3.然后为推荐课程和已学课程的按钮互换</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">4.然后是根据课程的属性设置的按钮，分别是推荐、免费、实战、金职位、专栏，点进去的页面对应不同属性的课程，金职位按钮下方高亮</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">5.轮播图展示的是热门课程，展示逻辑为近三天内全&nbsp; app点击量和播放量最高的课程以及每天的新课程推荐，数量为 5个</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;">6.界面最下方为专栏课程，课程根据你的职位意向进行推荐</span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p><p style="font-size:28px;"><span style="font-family:'Arial Normal', 'Arial', sans-serif;font-weight:400;"><br></span></p>
        </div>
      </div>
    </div>
    <script src="resources/scripts/axure/ios.js"></script>
  </body>
</html>
